@import "https://fonts.googleapis.com/css2?family=Bangers&family=Instrument+Sans:wght@400;500;600&family=Silkscreen&display=swap";:root{--ground:#0a1219;--raise:#101b24;--raise-2:#16242f;--line:#f4f2ea17;--line-strong:#f4f2ea33;--text:#f4f2ea;--muted:#a3a198;--signal:#8ed0f3;--signal-ink:#04121c;--urgent:#df443d;--urgent-ink:#fff4f2;--navy:#20394d;--pixel:"Silkscreen", ui-monospace, monospace;color:var(--text);background:var(--ground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Instrument Sans,Inter,system-ui,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{background-color:var(--ground);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520' fill='none' stroke='%238ed0f3' stroke-opacity='.07' stroke-width='1.2'%3E%3Cpath d='M520 0L0 0M520 0L40 220M520 0L140 400M520 0L300 520M520 0L520 520'/%3E%3Cpath d='M380 0Q390 60 392 66Q450 110 470 134Q500 140 520 140M240 0Q258 110 262 132Q380 220 420 268Q480 278 520 280M100 0Q126 160 132 198Q312 330 370 402Q456 414 520 420'/%3E%3C/svg%3E");background-position:100% 0;background-repeat:no-repeat;margin:0}h1,h2,p,ul,ol,dl,figure{margin:0}ul,ol{padding:0;list-style:none}button,select,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.35}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.night{min-height:100dvh}.topbar{align-items:center;gap:28px;height:64px;padding:0 28px;display:flex}.wordmark{letter-spacing:.04em;color:var(--urgent);text-shadow:2px 2px 0 var(--navy);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;font-family:Bangers,Impact,sans-serif;font-size:24px;display:inline-flex}.wordmark svg{color:var(--text)}.tabs{gap:4px;display:flex}.tabs button{height:64px;color:var(--muted);padding:0 12px;position:relative}.tabs button:hover,.tabs button[aria-current=page]{color:var(--text)}.tabs button[aria-current=page]:after{content:"";background:var(--text);height:2px;position:absolute;bottom:14px;left:12px;right:12px}.count{font-family:var(--pixel);color:var(--muted);margin-left:6px;font-size:11px}.top-status{align-items:center;gap:10px;margin-left:auto;display:flex}.pill{background:var(--raise);height:32px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.pill.is-on{color:var(--text)}.dot{background:var(--signal);width:7px;height:7px;box-shadow:0 0 10px var(--signal);border-radius:50%;flex-shrink:0}.is-off .dot,.dot.is-off{box-shadow:inset 0 0 0 1.5px var(--muted);background:0 0}.pill-button{color:var(--text)}.pill-button:hover{background:var(--raise-2)}.help-button{background:var(--raise);width:32px;height:32px;font-family:var(--pixel);color:var(--muted);border-radius:50%}.help-button:hover{color:var(--text)}.switch{background:var(--raise);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.dock .switch{background:var(--ground)}.switch button{height:32px;color:var(--muted);white-space:nowrap;border-radius:9px;padding:0 12px;font-size:13px;transition:background-color .14s,color .14s}.switch button:hover:not(:disabled){color:var(--text)}.switch button[aria-checked=true]{background:var(--text);color:var(--ground)}.live{max-width:1240px;margin:0 auto;padding:4px 28px 32px}.lens-wrap{position:relative}.stage{aspect-ratio:21/9;isolation:isolate;background-color:#050505;background-image:none;border-radius:28px;width:100%;min-height:280px;max-height:calc(100dvh - 400px);position:relative;overflow:hidden}.stage:after{content:"";border-radius:inherit;box-shadow: inset 0 0 0 1px var(--line), inset 0 0 140px #000000d9;pointer-events:none;z-index:1;position:absolute;inset:0}.stage-video{object-fit:cover;z-index:-1;filter:saturate(.8);width:100%;height:100%;position:absolute;inset:0}.stage-bar{z-index:3;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex;position:absolute;inset:0 0 auto}.stage-caption{font-family:var(--pixel);letter-spacing:.04em;color:#f4f2eab3;font-size:11px}.gesture-status{font-family:var(--pixel);letter-spacing:.04em;color:#f4f2eabf;background:#0000008c;border-radius:999px;margin-left:12px;margin-right:auto;padding:4px 10px;font-size:11px}.gesture-status.is-holding{background:var(--signal);color:var(--signal-ink)}.gesture-status.is-error{color:var(--muted)}.stage-tools{gap:8px;display:flex}.stage-tools select{background:#0000008c;border:0;border-radius:10px;max-width:180px;height:32px;padding:0 8px}.stage-button{background:#f4f2ea1a;border-radius:10px;align-items:center;gap:7px;height:32px;padding:0 12px;font-size:13px;display:inline-flex}.stage-button:hover{background:#f4f2ea2e}.stage-error{z-index:3;background:#000000bf;border-radius:10px;max-width:300px;padding:10px 12px;font-size:13px;position:absolute;top:60px;right:22px}.lens-frame{aspect-ratio:2;z-index:2;max-width:92%;height:84%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lens-frame.is-lit{filter:drop-shadow(0 0 5px #f4f2ea8c);animation:.22s ease-out lens-in}.lens-frame.is-urgent{filter:drop-shadow(0 0 7px #ffb547bf)}.lens-frame.gentle-cue{animation:.22s ease-out lens-in,2.5s ease-in-out .22s 2 cue-breathe}.lens-bitmap{width:100%;height:100%;image-rendering:pixelated;display:block}@keyframes lens-in{0%{opacity:0;scale:.97}}@keyframes cue-breathe{50%{scale:1.04}}.lens-idle{font-family:var(--pixel);letter-spacing:.3em;color:#f4f2ea47;z-index:2;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.oled-inset{flex-shrink:0;justify-items:end;gap:6px;display:grid}.oled-inset .oled-bitmap{outline:1px solid var(--line-strong);border-radius:6px;width:128px;height:64px}.oled-inset figcaption{font-family:var(--pixel);letter-spacing:.04em;color:#f4f2ea99;font-size:11px}.oled-bitmap{width:128px;max-width:100%;height:64px;image-rendering:pixelated;background:#000;display:block}.lifeline{background:var(--line);border-radius:1px;height:2px;margin:14px 28px 0;overflow:hidden}.lifeline-fill{background:var(--text);transform-origin:0;height:100%;transition:transform .26s linear}.lifeline-fill.is-urgent{background:var(--urgent)}.narration-row{justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 4px 22px;display:flex}.narration{letter-spacing:-.015em;max-width:760px;font-size:26px;font-weight:500;line-height:1.25}.aside{color:var(--muted);margin-top:8px;font-size:13px}.heard{max-width:760px;margin-top:10px;font-size:17px;line-height:1.35}.dock{background:var(--raise);border-radius:20px;gap:12px;padding:14px;display:grid}.keys{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.key{background:var(--raise-2);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:14px;font-weight:500;transition:background-color .14s,transform 80ms;display:inline-flex}.key:hover:not(:disabled){background:#27271f}.key:active:not(:disabled){transform:translateY(1px)}.sound-key{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;place-content:center stretch;column-gap:10px;height:64px;display:grid}.sound-key svg{grid-row:1/3;align-self:center}.pixel-icon{flex-shrink:0}.sound-key span{text-overflow:ellipsis;overflow:hidden}.sound-key[aria-current=true]{outline:1.5px solid var(--text);outline-offset:-1.5px}.tier{font-family:var(--pixel);letter-spacing:.04em;color:var(--muted);font-size:11px;font-weight:400}.tier-3{color:var(--text)}.tier-4{color:var(--urgent)}.dock-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dock-spacer{flex:1}.key-signal{background:var(--signal);color:var(--signal-ink)}.key-signal:hover:not(:disabled){background:#ffc46d}.dock-note{color:var(--muted);padding:0 4px;font-size:13px}.audience .stage-large{aspect-ratio:auto;border-radius:0;position:fixed;inset:0}.audience .lens-frame{height:70%}.audience .oled-inset{z-index:3;position:absolute;bottom:96px;right:22px}.audience-bar{z-index:4;background:#0b0b0acc;align-items:center;gap:10px;padding:18px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.audience-bar .narration{flex:1;font-size:24px}.page{max-width:900px;margin:0 auto;padding:24px 28px 64px}.page h1{letter-spacing:-.02em;font-size:36px;font-weight:500}.page>.aside{text-align:left;margin-top:6px}.sync-line{max-width:640px;color:var(--muted);align-items:center;gap:10px;margin:0 auto;padding:0 20px;font-size:13px;display:flex}.empty{color:var(--muted);padding:48px 0;font-size:20px}.log-table{border-collapse:collapse;width:100%;margin-top:28px;font-size:14px}.log-table th{color:var(--muted);text-align:left;padding:0 14px 10px 0;font-size:12px;font-weight:400}.log-table td{border-top:1px solid var(--line);height:52px;padding:0 14px 0 0}.log-sound{align-items:center;gap:8px;display:inline-flex}.developer{color:var(--muted);margin-top:36px}.developer summary{cursor:pointer}.developer pre{background:var(--raise);border-radius:12px;max-height:360px;margin-top:10px;padding:14px;font-size:12px;overflow:auto}.about{background:var(--raise);width:min(540px,100% - 32px);color:var(--text);border:0;border-radius:20px;padding:30px;box-shadow:0 30px 80px #0009}.about::backdrop{background:#0009}.about h2{letter-spacing:-.015em;font-size:26px;font-weight:500}.about-flow{gap:12px;margin:18px 0;display:grid}.about-flow strong{font-weight:600}.ladder{gap:4px;margin-bottom:18px;font-size:14px;display:grid}.ladder div{grid-template-columns:110px 1fr;display:grid}.ladder dd{color:var(--muted);margin:0}.about .aside{text-align:left;margin-bottom:22px}.onboarding-cue-preview{background:#050505;border-radius:12px;height:220px;position:relative;overflow:hidden}.onboarding-oled{justify-content:center;align-items:center;display:flex}.onboarding-oled .oled-bitmap{width:256px;height:128px}.cue{background:#050505d9;border:1.5px solid;border-radius:4px;align-items:center;gap:12px;padding:14px 20px;display:flex}.cue-symbol{display:flex}.cue strong{font-family:var(--pixel);font-size:16px;font-weight:400}.cue.tier-4{border-style:double;border-width:4px}.cue.icon-only{padding:14px}.cue.gentle-cue{animation:2.5s ease-in-out 2 cue-breathe}.cue-idle{font-family:var(--pixel);color:#f4f2ea66;justify-items:center;gap:10px;font-size:11px;display:grid}@media (width<=1200px){.topbar{flex-wrap:wrap;row-gap:8px;height:auto;padding-top:12px;padding-bottom:8px}}@media (width<=1100px){.keys{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.topbar{flex-wrap:wrap;gap:8px 16px;height:auto;padding:12px 16px 0}.tabs{order:3;width:100%}.tabs button{height:44px}.tabs button[aria-current=page]:after{bottom:6px}.top-status .pill{display:none}.live{padding:4px 16px 24px}.stage{aspect-ratio:4/3;border-radius:20px;max-height:none}.lens-frame{width:94%;height:auto}.oled-inset{display:none}.narration-row{flex-direction:column;gap:6px}.narration{font-size:21px}.aside{text-align:left}.dock-spacer{display:none}.dock-row .switch{width:100%;overflow-x:auto}.dock-row .switch button{flex:1}.page{padding:16px 16px 48px}.log-table thead{display:none}.log-table tr{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;display:grid}.log-table td{border:0;height:auto;padding:0}.log-table td:nth-child(3),.log-table td:nth-child(4){display:none}.log-table td:nth-child(6){grid-column:1/-1;font-size:13px}.audience-bar{flex-wrap:wrap}.audience .oled-inset{display:none}}@media (width<=520px){.keys{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mobile-session{display:none}@media (width<=860px){.mobile-session{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px 12px;font-size:12px;display:flex}.mobile-session .key{font-size:12px}.switch button,.stage-button,.stage-tools select,.help-button{min-height:44px}.help-button{min-width:44px}.stage-bar{align-items:flex-start;padding:12px}.stage-caption{letter-spacing:0;max-width:48%;font-family:inherit;font-size:12px}.stage-tools{flex-wrap:wrap;justify-content:flex-end;max-width:50%}.stage-tools select{max-width:100%}}.audience .stage-large{height:100dvh;min-height:100dvh;max-height:none}.audience .lens-frame{width:min(92vw,120dvh);max-width:92%;height:auto}.gesture-demo-status{z-index:4;width:fit-content;max-width:calc(100% - 32px);color:var(--text);background:#141412;border-radius:8px;padding:8px 12px;font-size:13px;position:absolute;bottom:16px;left:16px;right:16px}.gesture-demo-status.is-holding{color:var(--signal)}.stage .lens-frame{width:42%;max-width:42%;height:auto;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.audience .lens-frame{width:min(46vw,100dvh);max-width:46%;height:auto;left:50%;right:auto}@media (width<=860px){.stage .lens-frame{width:60%;max-width:60%}}.stage{background-color:#080908;background-image:none}.stage-caption{letter-spacing:0;color:#b4b2aa;font-family:inherit;font-size:13px}.demo-tools summary{cursor:pointer;color:var(--muted);padding:8px 4px;font-size:13px}.demo-tools[open] .dock-row{padding-top:10px}.sound-key{background:#1a1b17}.dock{border-radius:16px}.phone-viewer{max-width:700px;min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));flex-direction:column;margin:auto;display:flex}.phone-viewer header{justify-content:space-between;gap:20px;font-size:18px;display:flex}.phone-viewer header span:last-child,.phone-status,.phone-viewer figcaption,.phone-viewer section p,.phone-viewer footer{color:var(--muted)}.phone-status{margin-top:28px;font-size:14px}.phone-viewer figure{margin:auto 0;padding:48px 0}.phone-viewer .oled-bitmap{width:100%;height:auto;image-rendering:pixelated;background:#000;display:block}.phone-viewer figcaption{margin-top:16px;font-size:13px}.phone-viewer h1{margin-bottom:8px;font-size:28px;font-weight:500}.phone-viewer footer{margin-top:32px;font-size:13px}.camera-help{z-index:4;max-width:min(440px,100% - 44px);color:var(--muted);font-size:13px;position:absolute;bottom:18px;left:22px}.camera-help summary{cursor:pointer}.camera-help[open]{overscroll-behavior:contain;background:var(--raise);max-height:calc(100% - 100px);color:var(--text);border-radius:12px;padding:16px;overflow:auto}.camera-help p{margin-top:12px}.stage-tools{flex-wrap:wrap;justify-content:flex-end}.hearing{background:var(--raise);border-radius:16px;gap:10px;padding:14px;display:grid}.hearing-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hearing-head h2{font-size:15px;font-weight:600}.hearing-status,.hearing-meta{color:var(--muted);font-size:13px}.hearing-meta{font-variant-numeric:tabular-nums}.hearing-head a.key{color:var(--text);height:32px;font-size:13px;text-decoration:none}.hearing-empty,.hearing-note{color:var(--muted);font-size:13px}.hearing-cmd{background:var(--raise-2);color:var(--text);overflow-wrap:anywhere;border-radius:10px;margin-top:8px;padding:8px 10px;font-size:12px;display:block}.hearing-alert{font-family:var(--pixel);color:var(--urgent);font-size:11px}.hearing-sub{color:var(--muted);margin:4px 0 0;font-size:12px;font-weight:500}.hearing-list{gap:4px;padding:0;list-style:none;display:grid}.hearing-list li{grid-template-columns:minmax(0,220px) 1fr 44px;align-items:center;gap:10px;font-size:13px;display:grid}.hearing-list.is-quiet{color:var(--muted)}.hearing-list.is-quiet .hearing-fill{opacity:.45}.hearing-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hearing-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.hearing-track{background:var(--raise-2);border-radius:4px;height:8px;position:relative;overflow:hidden}.hearing-level .hearing-track{height:6px;display:block}.hearing-fill{transform-origin:0;background:var(--line-strong);transition:transform .3s;position:absolute;inset:0}.hearing-level .hearing-fill,.hearing-fill.is-strong{background:var(--text)}.hearing-threshold{background:var(--signal);width:2px;position:absolute;top:-2px;bottom:-2px}.hearing-decisions{gap:6px;margin-top:4px;font-size:13px;display:grid}.hearing-decisions>div{flex-wrap:wrap;gap:4px 12px;display:flex}.hearing-decisions dt{min-width:92px;color:var(--text)}.hearing-decisions dd{color:var(--muted);margin:0}.dock-row select{border:1px solid var(--line-strong);background:var(--raise-2);border-radius:12px;min-width:0;max-width:100%;height:40px;padding:0 10px;font-size:14px}@media (width<=520px){.hearing-list li{grid-template-columns:minmax(0,1fr) 80px 40px}.hearing-head .dock-spacer{display:none}.hearing-head a.key{min-height:44px;margin-left:auto}.dock-row .key,.dock-row select,.teach-card .key,.teach-row input,.teach-row select{min-height:44px}.dock-row .key{white-space:normal;text-align:left;max-width:100%;height:auto;padding-block:10px}}@media (prefers-reduced-motion:reduce){.hearing-fill{transition:none}}.teach{background:var(--raise);border-radius:16px;gap:12px;padding:14px;scroll-margin-top:16px;display:grid}.teach-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.teach-card{background:var(--raise-2);border-radius:12px;align-content:start;gap:8px;padding:12px;display:grid}.teach-card h3{font-size:14px;font-weight:600}.teach-card .key{background:#27271f;height:34px;font-size:13px}.teach-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.teach-row input,.teach-row select{border:1px solid var(--line-strong);background:var(--ground);min-width:0;height:34px;color:var(--text);font:inherit;border-radius:10px;flex:120px;padding:0 10px;font-size:13px}.teach-row select{flex:none}.teach-note{color:var(--muted);font-size:13px}.teach-note b{color:var(--text);font-weight:500}.teach-message{color:var(--text);font-size:13px}.teach-message.is-ok{color:#9fd8b0}.teach-message.is-bad{color:var(--urgent)}.teach-dots{gap:6px;display:flex}.teach-dots span{background:var(--line-strong);border-radius:50%;width:12px;height:12px}.teach-dots span.is-on{background:var(--text)}.key.is-recording{color:var(--text);background:#5a2a1c}.teach-sounds{gap:6px;padding:0;list-style:none;display:grid}.teach-sounds li{background:var(--raise-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.teach-sounds b{font-weight:500}.teach-sounds .key{background:#27271f;height:30px;font-size:13px}.teach-toggle{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.mic-meter{border:1px solid var(--line-strong);background:var(--ground);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.mic-meter canvas{flex:200px;min-width:0;max-width:100%;height:36px}.mic-meter-label{font-size:13px}.mic-meter-time{font-family:var(--pixel);color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.mic-meter-hint{color:var(--signal);flex-basis:100%;font-size:12px}.rec-dot{background:#ff5d47;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{opacity:.35}}@media (width<=860px){.teach-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}.signal-panel{margin:28px 0 36px}.signal-panel h2{font-size:20px;font-weight:500}.signal-panel>.aside{text-align:left;margin-top:4px}.signal-list{gap:2px;margin-top:14px;display:grid}.signal-list li{border-top:1px solid var(--line);grid-template-columns:90px minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:14px;padding:8px 0;font-size:13px;display:grid}.signal-level{background:var(--raise-2);border-radius:3px;height:6px;overflow:hidden}.signal-level span{background:var(--text);height:100%;display:block}.signal-top{font-variant-numeric:tabular-nums}.signal-note{color:var(--muted)}.signal-note.is-sent{color:var(--signal)}@media (width<=860px){.signal-list li{grid-template-columns:60px minmax(0,1fr)}.signal-note{grid-column:1/-1}}.personal-recordings{background:var(--raise);border-radius:16px;max-width:1040px;margin:24px auto 0;padding:18px 20px}.personal-recordings>summary,.hearing-diagnostics>summary{cursor:pointer;min-height:28px;color:var(--muted)}.personal-recordings>summary{color:var(--text);font-weight:500}.personal-recordings .teach{margin-top:16px;padding:0}.hearing-diagnostics{margin-top:8px}.hearing-head button.key{min-height:36px;font-size:13px}@media (width<=520px){.hearing-head button.key{min-height:44px;margin-left:auto}.personal-recordings{padding:16px}}.setup-common,.setup-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.setup-common .key{white-space:normal;text-align:left;min-height:44px}.setup-suggestions{margin-top:20px}.setup-suggestions h2{margin:0 0 8px;font-size:20px}.setup-suggestions h3{margin:24px 0 8px;font-size:16px}.setup-suggestions p{line-height:1.5}.setup-suggestions label{margin:16px 0 8px;font-size:14px;display:block}.setup-suggestions textarea,.setup-key input{box-sizing:border-box;width:100%;font:inherit;color:var(--text);background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:12px}.setup-suggestions textarea{resize:vertical;min-height:96px}.setup-review ul{margin:12px 0;padding:0;list-style:none}.setup-review li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.setup-review .setup-review-choice{flex:220px;align-items:center;gap:12px;margin:0;display:flex}.setup-review-choice input{width:18px;height:18px;accent-color:var(--text);flex-shrink:0}.setup-review-choice .pixel-icon{flex-shrink:0}.setup-review-choice strong{font-weight:500;display:block}.setup-review-choice small{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.4;display:block}.setup-review select{max-width:100%;min-height:44px;font:inherit}.setup-key{margin-top:16px}.setup-key summary{cursor:pointer;font-size:14px}.setup-key form{max-width:460px}.setup-key button{margin-top:12px}@media (width<=560px){.setup-common .key{flex:140px}.setup-suggestions .key{min-height:44px}.setup-review select{width:100%}}.setup-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:16px;display:grid}@media (width<=560px){.setup-name-grid{grid-template-columns:1fr}}.pi-microphone-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0 16px;display:grid}.pi-microphone-values{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.pi-microphone-values .hearing-num{white-space:nowrap}.pi-microphone-track{background:var(--raise-2);border-radius:3px;height:10px;margin-top:10px;position:relative;overflow:hidden}.pi-microphone-fill{background:var(--text);transform-origin:0;height:100%;display:block}.pi-microphone-track.is-off{opacity:.5}.pi-microphone-peak{background:var(--signal);width:2px;position:absolute;top:0;bottom:0;transform:translate(-2px)}.pi-microphone-detail{min-height:20px;color:var(--muted);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:12px}.pi-microphone-clipping{color:var(--signal)}.pi-microphones>.aside{margin:8px 0 0}.pi-microphone-error{color:var(--muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:13px}@media (width<=560px){.pi-microphone-channels{grid-template-columns:1fr;gap:20px}}.setup-name-grid.is-single{grid-template-columns:1fr}.setup-ready-sounds{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:16px 0;padding:0;list-style:none;display:grid}.setup-ready-sounds li{border-bottom:1px solid var(--line);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:12px 0;font-size:14px;display:grid}.setup-ready-sounds .aside{margin:0;font-size:12px}.setup-start-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;margin:20px 0;display:flex}.setup-start-actions .aside{margin:0}.setup-priority-preview{background:var(--raise);border-radius:8px;align-items:center;gap:20px;margin:0 0 20px;padding:16px;display:flex}.setup-priority-preview .oled-bitmap{aspect-ratio:2;flex:0 0 160px;width:160px;max-width:100%;height:80px}.setup-priority-preview figcaption{color:var(--muted);font-size:14px;line-height:1.5}@media (width<=540px){.setup-ready-sounds{grid-template-columns:1fr}.setup-priority-preview{flex-direction:column;align-items:flex-start;gap:12px}.setup-priority-preview .oled-bitmap{flex-basis:auto}.setup-start-actions{flex-direction:column;align-items:stretch}}.diagnostics{gap:20px;margin-top:40px;display:grid}.diagnostics>h2{font-size:17px;font-weight:600}.mobile-session[hidden]{display:none!important}.browser-mic{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px;display:flex}.browser-mic .aside{margin:0}.browser-mic-note{flex-basis:100%;max-width:680px}.listen-pill{background:var(--signal);color:var(--signal-ink);border-color:#0000;font-weight:600}.listen-pill .dot{background:var(--signal-ink);box-shadow:none}.listen-pill.is-on{background:var(--raise-2);color:var(--text)}.listen-pill.is-on .dot{background:var(--urgent)}.listen-cta{background:linear-gradient(120deg,#8ed0f32e,#8ed0f30f);border:1px solid #8ed0f373;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin:0 0 16px;padding:18px 22px;display:flex}.listen-cta h2{letter-spacing:.03em;color:var(--signal);font-family:Bangers,Impact,sans-serif;font-size:28px}.listen-cta p{color:var(--muted);max-width:520px;margin-top:4px}.listen-cta-button{background:var(--signal);height:52px;color:var(--signal-ink);font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 0 0 4px #8ed0f340}.listen-cta-button:hover{filter:brightness(1.06)}.listen-cta-main{flex-direction:column;align-items:flex-start;gap:12px;min-width:260px;display:flex}.listen-name{color:var(--muted);gap:6px;font-size:13px;display:grid}.listen-name input{width:240px;max-width:100%;height:40px;font:inherit;color:var(--text);background:#00000040;border:1px solid #8ed0f366;border-radius:10px;padding:0 12px;font-size:15px}.listen-cta-button.is-on{background:var(--raise-2);color:var(--text);box-shadow:0 0 0 2px var(--urgent)}.listen-status{color:var(--signal);font-size:14px}.listen-tries{flex:1;min-width:240px;max-width:460px}.listen-tries h3{color:var(--text);font-size:14px;font-weight:600}.listen-tries ul{color:var(--muted);gap:6px;margin:8px 0 0;padding-left:18px;font-size:14px;display:grid}.listen-tries q{color:var(--text)}.listen-privacy{color:var(--muted);margin-top:10px;font-size:12px}.audience-hearing{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1219c7;border-radius:14px;gap:8px;width:min(320px,34vw);padding:14px 16px;display:grid;position:absolute;top:64px;left:22px}.audience-hearing h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.audience-bars,.audience-said{gap:6px;margin:0;padding:0;list-style:none;display:grid}.audience-bars li{grid-template-columns:1fr 96px;align-items:center;gap:10px;font-size:15px;display:grid}.audience-bars li span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audience-bar-track{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.audience-bar-track span{background:var(--signal);transform-origin:0;height:100%;transition:transform .3s;display:block}.audience-said li{font-size:15px;line-height:1.35}.audience-said-time{color:var(--muted);margin-right:8px;font-size:12px}@media (width<=860px){.audience-hearing{width:min(260px,46vw);padding:10px 12px;top:52px;left:12px}.audience-bars li{grid-template-columns:1fr 56px;font-size:13px}.audience-said li{font-size:13px}}