:root{color-scheme:dark;--bg:#081c22;--panel:#102930;--line:#294048;--text:#f0f4ec;--muted:#adbec0;--mint:#b9e3c4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#173f43 0,transparent 45%),var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:1180px;margin:auto;padding:0 36px}header{display:flex;justify-content:space-between;align-items:center;min-height:96px;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;font-weight:750;font-size:21px;letter-spacing:-.5px}.brand-sub{color:var(--muted);font-weight:400;font-size:16px}.mark{display:inline-flex;align-items:center;justify-content:center;background:var(--mint);color:var(--bg);border-radius:10px;width:36px;height:36px;margin-right:8px;font-size:28px}#account{display:flex;align-items:center;gap:20px}#username{text-transform:capitalize}.quiet{background:none;border:1px solid var(--line);color:var(--text);padding:8px 14px;border-radius:6px}.hero{display:flex;align-items:center;justify-content:space-between;padding:58px 0 36px}.eyebrow{color:var(--mint);font-size:11px;font-weight:750;letter-spacing:2px;margin:0 0 14px}h1{font-size:clamp(36px,4vw,52px);line-height:1.12;letter-spacing:-2px;margin:0 0 20px}h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:20px 0 14px}.intro{color:var(--muted);margin:0;line-height:1.7}.intro strong{color:var(--text);font-weight:600}.soundmark{display:flex;gap:7px;align-items:center;height:110px;padding:20px}.soundmark i{width:7px;height:22%;border-radius:8px;background:var(--mint);opacity:.7}.soundmark i:nth-child(2n){height:60%}.soundmark i:nth-child(3n){height:95%}.soundmark i:nth-child(5){height:75%}.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{min-height:256px;border:1px solid var(--line);background:var(--panel);padding:22px;color:var(--text);text-decoration:none;border-radius:12px;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-4px);border-color:var(--mint)}.card-top{display:flex;justify-content:space-between;align-items:center}.number{font-size:10px;letter-spacing:1px;font-weight:700;color:var(--muted)}.arrow{font-size:24px;color:var(--mint)}.card p{font-size:14px;color:var(--muted);margin:0 0 24px;line-height:1.65}.open{margin-top:auto;font-size:13px;font-weight:650;color:var(--mint)}.hydra .arrow,.hydra .open{color:#cebef1}.flok .arrow,.flok .open{color:#edcb9a}.cast .arrow,.cast .open{color:#a9d6ee}.small{font-size:12px;color:var(--muted)}.connection-note{margin:18px 0 36px;max-width:850px}.settings{padding:32px 0 36px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:48px}.settings h2{margin-top:0}.settings p{color:var(--muted);font-size:14px}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px;color:var(--muted)}input,select{width:100%;font:inherit;font-size:14px;color:var(--text);background:#0c242b;border:1px solid #3c535b;border-radius:6px;padding:11px 12px}input:focus,select:focus{outline:2px solid var(--mint);outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:17px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.primary{background:var(--mint);color:#10271b;border:0;padding:12px 18px;font:inherit;font-size:13px;font-weight:750;border-radius:6px;white-space:nowrap;cursor:pointer}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.message{min-height:20px;font-size:13px;color:#f1cda6}.message.success{color:var(--mint)}.login{max-width:430px;margin:72px auto 90px}.login form{margin-top:32px}.login input{margin-bottom:20px}.login button{width:100%;margin-top:6px}.login button span{float:right}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0 32px;color:var(--muted);font-size:11px}footer span{opacity:.7}[hidden]{display:none!important}@media(max-width:850px){.apps{grid-template-columns:repeat(2,1fr)}.settings{grid-template-columns:1fr;gap:16px}.hero{padding-top:40px}}@media(max-width:520px){.shell{padding:0 20px}header{min-height:78px}.brand-sub{display:none}.hero{padding-top:36px}.soundmark{display:none}.apps{grid-template-columns:1fr 1fr;gap:10px}.card{padding:16px;min-height:255px}.card h2{font-size:23px}.number{font-size:9px}.form-row{grid-template-columns:1fr}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom button{width:100%}footer span{display:none}.login{margin-top:48px}#account{gap:10px}}

.visual-links{display:flex;justify-content:space-between;gap:24px;padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin:24px 0 36px}.visual-links h2{margin:0 0 10px}.visual-links p{color:var(--muted);font-size:14px}.visual-links nav{display:flex;flex-direction:column;justify-content:center;gap:12px;white-space:nowrap}.visual-links a{color:var(--mint)}@media(max-width:700px){.visual-links{flex-direction:column}}