:root{color-scheme:dark light;--bg: #0d0f13;--bg-raised: #161a21;--bg-sunken: #090b0e;--line: #262c36;--line-strong: #384252;--text: #e8ecf2;--text-dim: #98a2b3;--text-faint: #6b7686;--accent: #4ade80;--accent-dim: #16643a;--accent-text: #06240f;--warn: #fbbf24;--danger: #f87171;--focus: #7dd3fc;--radius: 12px;--radius-sm: 8px;--gap: 1rem;--shell-width: 62rem;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:light){:root{--bg: #f6f7f9;--bg-raised: #ffffff;--bg-sunken: #e9ecf1;--line: #dde1e8;--line-strong: #c3cad6;--text: #131720;--text-dim: #4a5464;--text-faint: #78828f;--accent: #15803d;--accent-dim: #bbf7d0;--accent-text: #ffffff;--warn: #b45309;--danger: #b91c1c;--focus: #0369a1}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}h1,h2,h3{line-height:1.2;margin:0;font-weight:650;letter-spacing:-.015em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shell{width:100%;max-width:var(--shell-width);margin:0 auto;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,4vw,2rem) 3rem;flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.5rem}.wordmark{display:inline-flex;align-items:baseline;gap:.45rem;font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--text);text-decoration:none}.wordmark:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--accent)}.wordmark span{color:var(--text-faint);font-weight:450;font-size:.8rem}.hero{padding:clamp(1rem,5vw,3rem) 0 2rem}.hero h1{font-size:clamp(2rem,6vw,3.25rem);max-width:18ch}.hero p.lede{color:var(--text-dim);font-size:clamp(1rem,2.4vw,1.2rem);max-width:56ch;margin:1rem 0 0}.join-form{display:flex;gap:.6rem;flex-wrap:wrap;margin:2rem 0 .5rem;align-items:stretch}.join-form input{flex:1 1 18rem;min-width:0}.field-error{color:var(--danger);font-size:.9rem;margin:.5rem 0 0;min-height:1.4rem}.how{margin-top:3rem;border-top:1px solid var(--line);padding-top:2rem}.how ol{counter-reset:step;list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.how li{counter-increment:step;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.how li:before{content:counter(step);display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:.85rem;font-weight:700;margin-bottom:.6rem}.how h3{font-size:1rem;margin-bottom:.25rem}.how p{margin:0;color:var(--text-dim);font-size:.94rem}.how code{font-family:var(--mono);font-size:.85em;background:var(--bg-sunken);border:1px solid var(--line);border-radius:5px;padding:.1em .35em}input[type=text],input[type=password]{font:inherit;color:var(--text);background:var(--bg-sunken);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.7rem .85rem}input::placeholder{color:var(--text-faint)}.btn{font:inherit;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--text);padding:.7rem 1.1rem;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.btn:hover:not(:disabled){border-color:var(--text-faint)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}.btn-icon{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0}.session-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1.5rem}.session-head h1{font-size:clamp(1.5rem,4vw,2.1rem);overflow-wrap:anywhere}.session-head .session-id{font-family:var(--mono);font-size:.85rem;color:var(--text-faint);margin:.3rem 0 0}.badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-raised);color:var(--text-dim);white-space:nowrap}.badge .dot{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;flex:none}.badge[data-tone=live]{color:var(--accent);border-color:var(--accent-dim)}.badge[data-tone=live] .dot{animation:pulse 2s ease-in-out infinite}.badge[data-tone=wait]{color:var(--warn)}.badge[data-tone=bad]{color:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,3vw,1.75rem)}.panel+.panel{margin-top:1rem}.gate{text-align:center;display:grid;gap:1rem;justify-items:center}.gate p{color:var(--text-dim);margin:0;max-width:44ch}.listen-button{font:inherit;font-size:1.15rem;font-weight:700;display:inline-flex;align-items:center;gap:.75rem;padding:1.1rem 2.25rem;border-radius:999px;border:none;cursor:pointer;background:var(--accent);color:var(--accent-text);box-shadow:0 8px 30px -12px var(--accent);transition:transform .14s ease,filter .14s ease}.listen-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.listen-button:disabled{opacity:.6;cursor:progress}.listen-button[data-variant=stop]{background:var(--bg-sunken);color:var(--text);border:1px solid var(--line-strong);box-shadow:none}.passcode-form{display:grid;gap:.6rem;width:min(20rem,100%);text-align:left}.passcode-form label{font-size:.9rem;font-weight:600}.transport{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:center}@media(max-width:34rem){.transport{grid-template-columns:1fr;justify-items:stretch}.listen-button{width:100%;justify-content:center}}.mix{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mix label{font-size:.85rem;color:var(--text-dim)}input[type=range]{accent-color:var(--accent);width:100%;min-width:8rem;height:1.75rem;cursor:pointer}.slider-row{display:grid;gap:.35rem;margin-top:1.25rem}.slider-row .slider-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9rem}.slider-row .slider-head strong{font-family:var(--mono);font-weight:600;font-size:.9rem}.hint{color:var(--text-faint);font-size:.8rem;margin:0;max-width:46ch}.meters{display:grid;gap:.4rem;margin-top:1.25rem}.meter{display:grid;grid-template-columns:1.25rem 1fr;align-items:center;gap:.6rem}.meter span.tag{font-family:var(--mono);font-size:.75rem;color:var(--text-faint)}.meter .track{position:relative;height:.7rem;border-radius:999px;background:var(--bg-sunken);border:1px solid var(--line);overflow:hidden}.meter .fill{position:absolute;inset:0;clip-path:inset(0 100% 0 0);background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 72%,var(--warn) 88%,var(--danger) 100%)}.meter .hold{position:absolute;top:0;bottom:0;width:2px;left:0;margin-left:-1px;background:var(--text);opacity:.85}.scale{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-faint);font-family:var(--mono);margin-left:1.85rem}.stats{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem;display:grid;gap:.6rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.stat{display:grid;gap:.1rem}.stat dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.stat dd{margin:0;font-family:var(--mono);font-size:.95rem}.stat dd[data-tone=warn]{color:var(--warn)}.notice{margin-top:1rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-sunken);padding:.75rem .9rem;font-size:.92rem;color:var(--text-dim)}.notice[data-tone=bad]{border-color:var(--danger);color:var(--danger)}.notice[data-tone=warn]{border-color:var(--warn);color:var(--warn)}.notice strong{color:inherit}.footnote{margin-top:2rem;color:var(--text-faint);font-size:.85rem}.spinner{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .9s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.center-state{display:grid;gap:.75rem;justify-items:center;text-align:center;padding:clamp(2rem,10vw,5rem) 1rem}.center-state p{color:var(--text-dim);margin:0;max-width:42ch}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.badge[data-tone=live] .dot{animation:none!important;opacity:1}}