:root{font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:#edf0ff;background:#080c18;font-synthesis:none;--muted:#98a1be;--line:#28304b;--purple:#8a7aff;--green:#47d5aa;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -25%,#232448 0%,transparent 58%),#080c18;overflow-x:hidden}.ambient{position:fixed;z-index:-1;filter:blur(90px);border-radius:50%;pointer-events:none;opacity:.27}.ambient-a{background:#4c45b8;width:450px;height:450px;right:-190px;top:120px}.ambient-b{background:#153f83;width:370px;height:370px;left:-230px;bottom:-130px}.app-shell{width:min(1100px,calc(100% - 48px));margin:auto;min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:49px;height:49px;color:#b4aaff;border-radius:15px;background:#a99dff12;border:1px solid #a99dff37;display:grid;place-items:center}.brand-mark svg{width:36px;height:36px}.brand-title,h1,h2{font-family:'Space Grotesk',system-ui,sans-serif}.brand-title{font-size:20px;font-weight:700;letter-spacing:.08em}.brand-title span{color:#a79dff}.brand-caption{font-size:10px;font-weight:700;color:#7f8aaa;letter-spacing:.23em;margin-top:4px}.status-chip{border:1px solid #4c4760;background:#272239;color:#d6bdde;display:flex;align-items:center;gap:9px;border-radius:50px;padding:10px 14px;font-size:12px;font-weight:700}.status-chip.online{border-color:#2e7466;background:#14352f;color:#80e9c8}.status-chip.error{border-color:#874052;background:#48232d;color:#ffacbd}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.intro{text-align:center;margin:66px auto 42px;max-width:700px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;letter-spacing:.19em;font-weight:800;color:#b2a6ff}.eyebrow-line{width:26px;height:1px;background:#8d80fc}.intro h1{font-size:clamp(39px,6vw,66px);line-height:1.12;letter-spacing:-.055em;margin:22px 0 18px;font-weight:700}.intro h1 span{background:linear-gradient(95deg,#bca5ff,#7e9fff);color:transparent;background-clip:text}.intro p{max-width:550px;margin:0 auto;color:#9aa5c0;font-size:15px;line-height:1.8}.access-panel{display:flex;align-items:center;gap:22px;background:linear-gradient(120deg,#171d34,#13182b);border:1px solid #343d61;border-radius:22px;padding:30px;max-width:820px;width:100%;margin:0 auto;box-shadow:0 18px 55px #0003}.access-icon{flex:0 0 64px;width:64px;height:64px;border-radius:18px;background:#9e87ff1a;border:1px solid #ac95ff44;color:#b9acff;display:grid;place-items:center}.access-icon svg{width:28px}.access-copy{flex:1}.access-copy h2{font-size:19px;margin:0 0 8px}.access-copy p{font-size:13px;line-height:1.65;margin:0;color:#a9b3ce}.access-copy strong{color:#d5ccff}.access-command{border-radius:12px;background:#0d1426;border:1px solid #303958;padding:12px 17px;display:flex;flex-direction:column;gap:5px;align-items:center}.access-command span{white-space:nowrap;font-size:9px;color:#7c88a8;letter-spacing:.08em}.access-command code{font-size:18px;color:#b3a2ff;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.side-stack{display:flex;flex-direction:column;gap:22px}.panel{border:1px solid #2a3351;border-radius:22px;background:linear-gradient(160deg,#161e34e8,#11172aee);padding:27px;box-shadow:0 14px 42px #0002}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.overline{font-size:10px;font-weight:800;color:#8c84e6;letter-spacing:.17em}.section-heading h2{font-size:19px;margin:7px 0 0;letter-spacing:-.02em}.small-label{font-size:11px;color:#a3b2cd}.profile{display:flex;align-items:center;gap:13px;background:#0f1529;border:1px solid #2b3350;border-radius:15px;padding:13px;margin-top:25px}.avatar{width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#6852ce,#927fff);font:700 21px 'Space Grotesk',sans-serif;display:grid;place-items:center;color:white}.profile div:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.profile strong{font-size:14px}.profile span{font-size:11px;color:#818ea9}.profile-check{height:22px;width:22px;border-radius:50%;background:#153f37;color:#6fe8be;display:grid;place-items:center;font-size:13px}.microphone-zone{text-align:center;display:flex;flex-direction:column;align-items:center;padding:30px 0 5px}.mic-ring{border:1px solid #6d64b93b;border-radius:50%;padding:12px;background:radial-gradient(circle,#877bff25,transparent 70%);margin-bottom:16px}.mic-button{border:1px solid #b6a7ff62;width:98px;height:98px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#7564dc,#4b49a1);color:white;cursor:pointer;box-shadow:0 12px 40px #6d60de34;transition:transform .2s,box-shadow .2s}.mic-button svg{width:40px;height:40px}.mic-button:not(:disabled):hover{transform:scale(1.05);box-shadow:0 12px 52px #7564dc66}.mic-button:disabled{opacity:.5;cursor:not-allowed}.mic-button.live{background:linear-gradient(145deg,#147c69,#25b491);border-color:#58efd0;box-shadow:0 12px 40px #21c8a03f}.mic-button.muted{background:linear-gradient(145deg,#7d374a,#a84863);border-color:#da718c}.microphone-zone strong{font-size:16px}.microphone-zone p{color:#8e9ab4;font-size:12px;line-height:1.6;max-width:300px}.sound-bars{height:33px;display:flex;gap:5px;align-items:center;margin:15px 0 20px}.sound-bars span{display:block;width:5px;height:6px;border-radius:5px;background:#505779;transition:height .1s,background .1s}.sound-bars span.active{background:#75e5bc}.secondary-action{background:#242c47;border:1px solid #394561;color:#dce3fa;padding:11px 21px;border-radius:11px;font-weight:700;cursor:pointer}.secondary-action:disabled{opacity:.45;cursor:not-allowed}.secondary-action:not(:disabled):hover{background:#313b5d}.count-chip{font-size:12px;color:#b2a4ff;font-weight:800;background:#8373ff1b;border:1px solid #8373ff30;border-radius:10px;padding:6px 11px}.players{padding-top:16px;min-height:168px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:150px;gap:8px}.empty-icon{font-size:37px;color:#737da0}.empty-state strong{font-size:13px;color:#c1cae2}.empty-state span{font-size:12px;color:#828fab}.person{display:flex;align-items:center;gap:11px;border-bottom:1px solid #28314a;padding:12px 0}.person:last-child{border-bottom:0}.person-avatar{width:34px;height:34px;background:#3b3a69;color:#d4cfff;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:800}.person b{font-size:13px}.person small{margin-left:auto;color:#9aa7c4;font-size:11px}.volume-label{display:flex;justify-content:space-between;margin-top:27px;font-size:13px}.volume-label output{color:#afa6fd;font-weight:800}input[type=range]{width:100%;accent-color:#978aff;margin:16px 0 17px;cursor:pointer}.helper-row{display:flex;gap:12px;align-items:flex-start;background:#0e1527;border-radius:13px;padding:14px}.helper-row span{font-size:20px;color:#a19bff}.helper-row p{font-size:11px;color:#8b98b3;line-height:1.65;margin:0}.toast{margin:20px 0 0;padding:14px 18px;background:#492b38;border:1px solid #a45366;border-radius:12px;color:#ffcbda;font-size:13px}footer{margin-top:auto;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:49px 0 25px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#596783}footer span:last-child{text-align:right}button:focus-visible,input:focus-visible{outline:2px solid #b0a4ff;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}.intro{margin-top:44px}.access-panel{flex-wrap:wrap}.access-command{width:100%}footer{flex-direction:column;text-align:center}.app-shell{width:min(100% - 30px,560px)}}@media(max-width:490px){.topbar{min-height:88px}.brand-title{font-size:15px}.brand-caption{font-size:8px}.brand-mark{width:42px;height:42px}.brand-mark svg{width:30px}.status-chip{padding:8px 10px;font-size:10px}.intro h1{font-size:40px}.panel{padding:20px}.access-panel{padding:21px}.intro p{font-size:13px}}