:root{--surface: #FFFFFF;--surface-2: #F8F8FB;--surface-3: #E8E8F1;--border: #D9DAE1;--text: #1A1A1A;--text-2: #535A74;--text-3: #6C718C;--toggle-off: #9597B0;--accent: #0568FD;--accent-hover: #0458D6;--accent-tint: #F0FAFF;--accent-border: #7AB1FE;--ok: #15807B;--ok-tint: #E3F3F1;--danger: #B8341B;--danger-tint: #FBEDEA;--danger-border: #E7B9AE;--test: #6B5BEE;--ink: #0B1F3A;--sans: "DM Sans", system-ui, sans-serif;--serif: "Fraunces", Georgia, serif}html{font-size:18px;-webkit-text-size-adjust:100%}html[data-size="1"]{font-size:21px}html[data-size="2"]{font-size:24px}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--text);font:1rem/1.5 var(--sans);-webkit-font-smoothing:antialiased}.shell{min-height:100dvh;display:flex;flex-direction:column}.spacer{flex:1}.muted{color:var(--text-2)}.banner{background:var(--test);color:#fff;text-align:center;font-size:.75rem;padding:.35rem 1rem}.bar{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;padding-top:calc(.7rem + env(safe-area-inset-top))}.brand{font:600 1rem var(--serif);color:var(--ink);letter-spacing:-.01em;flex:none}.brand span{border-bottom:2px solid var(--danger)}.progress{flex:1;max-width:16rem;margin:0 auto;height:.22rem;background:var(--surface-3);border-radius:1rem;overflow:hidden}.progress>div{height:100%;background:var(--accent);border-radius:1rem;transition:width .3s ease}.sizer{display:inline-flex;border:1px solid var(--border);border-radius:.45rem;overflow:hidden;flex:none;background:var(--surface)}.sizer button{border:0;border-radius:0;background:transparent;color:var(--text-2);min-width:2.45rem;min-height:2.6rem;padding:0 .4rem;font-weight:700;font-size:.8rem}.sizer button.bigger{font-size:1rem;border-left:1px solid var(--border)}.sizer button:disabled{opacity:.35}.end{background:var(--surface);color:var(--danger);border:1px solid var(--border);border-radius:.45rem;min-height:2.6rem;padding:0 .6rem;font-size:.8rem;font-weight:500;flex:none;white-space:nowrap}@media (max-width: 560px){.bar{flex-wrap:wrap}.progress{order:5;flex-basis:100%;max-width:none}.bar .brand{margin-right:auto}}main{width:100%;max-width:36rem;margin:0 auto;padding:1.5rem 1.1rem calc(3rem + env(safe-area-inset-bottom));flex:1;display:flex;flex-direction:column;justify-content:center}main>form{display:flex;flex-direction:column}main.centered,.endscreen{align-items:center;text-align:center}main.centered>*,.endscreen>*{max-width:100%}main.centered .audiocheck{width:100%;display:flex;flex-direction:column;align-items:center}@media (max-height: 640px),(max-width: 560px){main:not(.centered){justify-content:flex-start}}h1{font:600 1.45rem/1.25 var(--sans);color:var(--text);margin:0 0 .7rem}h1.question{font-size:1.22rem;line-height:1.35;white-space:pre-wrap}h1.statement{font-size:1.22rem;line-height:1.45;font-weight:500;white-space:pre-wrap}h1:focus{outline:none}h2{font:600 1.2rem var(--sans);margin:0 0 .5rem}p{margin:0 0 .7rem}.lead{font-size:1rem}.media{display:block;max-width:100%;max-height:50vh;border-radius:.6rem;border:1px solid var(--border);margin:0 0 1rem;align-self:flex-start}.glyph{width:4.4rem;height:4.4rem;border-radius:1.3rem;background:var(--accent-tint);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.3rem;flex:none}.glyph.ok{background:var(--ok-tint);color:var(--ok);border-radius:50%}.glyph svg{width:2rem;height:2rem}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1rem}.pill{border:1px solid var(--border);border-radius:99px;padding:.1rem .7rem;font-size:.78rem;font-weight:500;color:var(--text-2)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1.4rem}main.centered .actions,.endscreen .actions{justify-content:center}.primary,.secondary,.danger{min-height:3.1rem;padding:0 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;border:1px solid var(--accent)}.primary{background:var(--accent);color:#fff}.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.primary:disabled{background:var(--surface-2);border-color:var(--border);color:var(--text-3)}.secondary{background:var(--surface);color:var(--text);border-color:var(--border);font-weight:500}.danger{background:var(--danger);border-color:var(--danger);color:#fff}.link{background:none;border:0;color:var(--accent);text-decoration:underline;padding:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (max-width: 560px){.actions .primary{flex:1 1 100%;order:-1}.actions .secondary{flex:1 1 100%}}.field{display:block;font-weight:500;margin-top:1rem;text-align:left;width:100%}.field select,.field textarea{display:block;width:100%;margin-top:.4rem;font:inherit;font-weight:400;padding:.7rem;border:1px solid var(--border);border-radius:.5rem;background:#fff;color:var(--text)}.field select:focus,.field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.field textarea{resize:vertical}.consent{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.4rem 1rem;max-height:50vh;overflow-y:auto;text-align:left}.consent p{margin:.7rem 0}.agree{margin-top:1.2rem;text-align:left;max-width:28rem}.agree .summary{margin:0 0 .9rem;color:var(--text-2);font-size:.9rem;text-align:center}.check{display:flex;align-items:flex-start;justify-content:center;gap:.7rem;font-weight:500;font-size:.95rem}.check label{cursor:pointer}.check .link{font:inherit;font-weight:500;text-underline-offset:.15em}.check input{width:1.45rem;height:1.45rem;flex:none;margin-top:.05rem;accent-color:var(--accent)}dialog.terms{width:min(36rem,calc(100vw - 2rem));max-width:none}dialog.terms .consent{max-height:55vh}.options{border:0;padding:0;margin:0;display:grid;gap:.55rem;min-width:0}.options legend{padding:0;margin-bottom:.7rem;color:var(--text-2);font-size:.9rem}.option{display:flex;align-items:center;gap:.8rem;min-height:3.1rem;padding:.65rem .9rem;background:var(--surface);border:1.5px solid var(--border);border-radius:.55rem;cursor:pointer}.option:hover{border-color:var(--toggle-off)}.option.on{border-color:var(--accent);background:var(--accent-tint)}.option input{width:1.3rem;height:1.3rem;flex:none;accent-color:var(--accent)}.option:focus-within{outline:3px solid var(--accent);outline-offset:2px}.rank .help{color:var(--text-2);font-size:.9rem;margin:0 0 .7rem}.rank ol{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.rank li{display:flex;align-items:center;gap:.5rem;min-height:3.1rem;padding:.35rem .45rem .35rem .8rem;background:var(--surface);border:1.5px solid var(--border);border-radius:.55rem}.rank li.dragging{border-color:var(--accent);box-shadow:0 4px 14px #282d4029;position:relative;z-index:1}.rank li.dimmed{opacity:.55}.rank .pos{font-weight:700;color:var(--accent);min-width:1.3rem}.rank .grip{color:var(--toggle-off);cursor:grab;touch-action:none;padding:.4rem .1rem;display:inline-flex}.rank .label{flex:1;min-width:0}.rank button{min-width:2.6rem;min-height:2.6rem;border:1px solid var(--border);border-radius:.45rem;background:#fff;color:var(--text-2);font-size:1rem}.rank button:disabled{opacity:.3}.error{background:var(--danger-tint);border:1px solid var(--danger-border);color:#7a2212;padding:.7rem .9rem;border-radius:.5rem;margin-top:1rem;text-align:left}dialog{border:0;border-radius:.6rem;padding:1.4rem;max-width:min(26rem,calc(100vw - 2rem));color:var(--text);font:inherit;box-shadow:0 16px 48px #282d4040}dialog::backdrop{background:#282d4073}dialog .actions{margin-top:1.2rem}@media (prefers-reduced-motion: reduce){.progress>div{transition:none}}.audiocheck .numbers{grid-template-columns:repeat(3,1fr);display:grid;gap:.6rem;margin-top:.5rem;width:100%}.audiocheck .numbers legend{grid-column:1 / -1;text-align:center}.number{min-height:4.2rem;font:600 1.7rem var(--sans);color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:.55rem}.number:hover:not(:disabled),.number:focus-visible{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.number:disabled{opacity:.5}.bignumber{font:600 4.2rem/1 var(--sans);color:var(--accent);text-align:center;margin:1rem 0;letter-spacing:.04em}.listening{display:flex;align-items:center;gap:.8rem;min-height:2rem;color:var(--text-2);font-size:.9rem;width:100%;max-width:22rem}.listening .meter{flex:1;height:.3rem;background:var(--surface-3);border-radius:.3rem;overflow:hidden}.listening .meter>span{display:block;height:100%;background:var(--accent);transition:width 60ms linear}.listening:not(.on) .meter{visibility:hidden}.audiocheck .help{color:var(--text-2);font-size:.9rem;margin-top:1rem}@media (prefers-reduced-motion: reduce){.listening .meter>span{transition:none}}.interview{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.interview .question{max-width:28rem}.interview .media{margin-top:.4rem}.interview .field{width:100%;text-align:left}.interview .help{color:var(--text-2);font-size:.9rem;max-width:26rem}.orb{--level: 0;position:relative;width:8.5rem;height:8.5rem;margin:.5rem 0 1.4rem;flex:none}.orb span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent)}.orb span:nth-child(1){opacity:.1}.orb span:nth-child(2){top:18%;right:18%;bottom:18%;left:18%;opacity:.18}.orb span:nth-child(3){top:36%;right:36%;bottom:36%;left:36%;opacity:.85}.orb.listening span:nth-child(1){transform:scale(calc(.78 + var(--level) * .5));transition:transform 90ms linear}.orb.listening span:nth-child(2){transform:scale(calc(.9 + var(--level) * .35));transition:transform 90ms linear}.orb.reading.active span:nth-child(1){animation:bv-breathe 2.2s ease-in-out infinite}.orb.reading.active span:nth-child(2){animation:bv-breathe 2.2s ease-in-out infinite .25s}.orb.paused span,.orb.sending span{background:var(--toggle-off)}@keyframes bv-breathe{0%,to{transform:scale(.86)}50%{transform:scale(1.06)}}.statuspill{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.3rem .9rem;border:1px solid var(--border);border-radius:99px;background:var(--surface);font-size:.85rem;color:var(--text-2)}.statuspill .bars{display:inline-flex;align-items:flex-end;gap:2px;height:.9rem}.statuspill .bars i{display:block;width:3px;height:35%;border-radius:1px;background:currentColor;opacity:.5}.statuspill.moving .bars i{opacity:1;background:var(--accent);animation:bv-bars .9s ease-in-out infinite}.statuspill .bars i:nth-child(2){animation-delay:.15s}.statuspill .bars i:nth-child(3){animation-delay:.3s}.statuspill.hidden{visibility:hidden}@keyframes bv-bars{0%,to{height:30%}50%{height:100%}}form>.statuspill,.audiocheck>.statuspill{align-self:flex-start}main.centered .statuspill,.endscreen .statuspill{align-self:center}.reminder{max-width:26rem;margin:.2rem 0 0;padding:.7rem .9rem;border-radius:.6rem;background:var(--accent-tint);border:1px solid var(--accent-border);color:var(--text);font-size:.9rem}.controlbar{display:flex;gap:.6rem;width:100%;max-width:26rem;margin-top:1.4rem}.controlbar .wide{flex:1}.controlbar .secondary{flex:none}.quiet-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem;margin-top:1rem;min-height:1.5rem;font-size:.9rem}@media (prefers-reduced-motion: reduce){.orb span{animation:none!important;transition:none!important;transform:none!important}.statuspill.moving .bars i{animation:none;height:70%}}