:root{--bg:oklch(99% .002 240);--surface:oklch(100% 0 0);--fg:oklch(18% .012 250);--muted:oklch(54% .012 250);--border:oklch(92% .005 250);--accent:oklch(58% .18 255);--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--accent-strong:oklch(50% .17 258);--accent-soft:oklch(96.5% .02 255);--accent-line:oklch(88% .05 255);--fg-invert:oklch(100% 0 0);--surface-raised:oklch(97.5% .005 245);--surface-inset:oklch(96% .006 245);--muted-strong:oklch(43% .015 250);--signal:oklch(62% .12 170);--signal-strong:oklch(50% .11 170);--signal-soft:oklch(96% .03 170);--warn:oklch(56% .13 75);--warn-strong:oklch(46% .12 70);--warn-soft:oklch(97.5% .03 80);--danger:oklch(55% .18 27);--danger-strong:oklch(45% .16 27);--danger-soft:oklch(96.5% .025 27);--stage:oklch(16% .012 255);--stage-raise:oklch(21% .014 255);--stage-fg:oklch(96% .004 250);--stage-muted:oklch(72% .008 250);--stage-line:#ffffff17;--shadow-soft:0 1px 2px oklch(20% .01 250/.05), 0 10px 30px oklch(20% .01 250/.08);--shadow-lift:0 2px 4px oklch(20% .01 250/.06), 0 20px 50px oklch(20% .01 250/.12);--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--radius-s:10px;--radius-m:16px;--radius-l:22px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);color:var(--fg);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p,figure{margin:0}ul{margin:0;padding:0;list-style:none}#root{min-height:100svh}::selection{background:var(--accent-soft);color:var(--fg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:root[data-theme=space]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(19% .035 285);--surface:oklch(23% .042 285);--fg:oklch(95% .012 275);--muted:oklch(70% .03 280);--border:oklch(38% .03 285);--accent:oklch(66% .16 300);--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--accent-strong:oklch(58% .16 305);--accent-soft:oklch(29% .055 300);--accent-line:oklch(46% .06 300);--fg-invert:oklch(18% .03 285);--surface-raised:oklch(26% .04 285);--surface-inset:oklch(21% .035 285);--muted-strong:oklch(78% .02 280);--signal:oklch(76% .11 200);--signal-strong:oklch(66% .11 205);--signal-soft:oklch(27% .05 200);--warn:oklch(78% .12 80);--warn-strong:oklch(70% .12 85);--warn-soft:oklch(29% .045 80);--danger:oklch(70% .16 25);--danger-strong:oklch(62% .16 25);--danger-soft:oklch(29% .045 25);--stage:oklch(14% .02 290);--stage-raise:oklch(20% .03 290);--stage-fg:oklch(96% .01 280);--stage-muted:oklch(72% .02 280);--stage-line:#ffffff1a;--shadow-soft:0 1px 2px oklch(8% .02 290/.4), 0 10px 30px oklch(8% .02 290/.45);--shadow-lift:0 2px 4px oklch(8% .02 290/.45), 0 20px 50px oklch(8% .02 290/.55);color:var(--fg);background-color:var(--bg);background-image:radial-gradient(1px 1px at 12% 22%,#ffffff80,#0000),radial-gradient(1px 1px at 38% 68%,#ffffff52,#0000),radial-gradient(1.5px 1.5px at 64% 13%,#b2cdff73,#0000),radial-gradient(1px 1px at 83% 52%,#fff6,#0000),radial-gradient(1.5px 1.5px at 24% 84%,#ffffff47,#0000),radial-gradient(1px 1px at 52% 44%,#ffffff38,#0000);background-repeat:repeat}:root[data-theme=space] .hero-ribbon:before{background:linear-gradient(180deg, var(--bg) 0%, transparent 30%, transparent 70%, var(--bg) 100%), linear-gradient(90deg, var(--bg) 0%, transparent 10%, transparent 90%, var(--bg) 100%)}.app-shell{flex-direction:column;min-height:100svh;display:flex}.site-header{background:color-mix(in oklch, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);z-index:30;justify-content:space-between;align-items:center;min-height:66px;padding:0 clamp(20px,5vw,56px);display:flex;position:sticky;top:0}.brand{color:var(--fg);font-family:var(--font-display);letter-spacing:-.01em;background:0 0;border:0;align-items:center;gap:11px;padding:6px 2px;font-size:1.02rem;font-weight:600;display:inline-flex}.brand-mark{background:var(--fg);color:var(--stage-fg);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:relative}.brand-mark svg{width:18px;height:18px}.site-nav{align-items:center;gap:12px;display:flex}.theme-toggle{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-toggle-option{color:var(--muted-strong);letter-spacing:.02em;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:600;line-height:1}.theme-toggle-option:hover{color:var(--fg)}.theme-toggle-option.is-active{background:var(--fg);color:var(--stage-fg)}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(20px,4vw,40px) 72px}.page-frame{animation:page-in .42s var(--ease-out) both}.page-frame.is-back{animation-name:page-in-back}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@keyframes page-in-back{0%{opacity:0;transform:translateY(-8px)}}.eyebrow{color:var(--accent-strong);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.button{border-radius:var(--radius-s);font-family:var(--font-body);letter-spacing:.01em;min-height:46px;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .16s var(--ease-spring), box-shadow .18s var(--ease-out);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;padding:0 20px;font-size:.92rem;font-weight:600;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(1px)scale(.99)}.button:disabled{opacity:.5}.button-primary{background:var(--accent);color:var(--fg-invert)}.button-primary:hover:not(:disabled){background:var(--accent-strong);box-shadow:0 6px 20px oklch(58% .18 255/.28)}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--fg)}.button-secondary:hover:not(:disabled){color:var(--fg);border-color:oklch(84% .03 255)}.button-ghost{color:var(--muted-strong);background:0 0}.button-ghost:hover:not(:disabled){background:var(--surface-raised);color:var(--fg)}.button-danger{background:var(--danger);color:var(--fg-invert)}.button-danger:hover:not(:disabled){background:var(--danger-strong);box-shadow:0 6px 20px oklch(55% .18 27/.26)}.button-full{width:100%}.badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;min-height:26px;padding:0 11px;font-size:.7rem;font-weight:500;display:inline-flex}.badge-neutral{background:var(--surface-inset);border:1px solid var(--border);color:var(--muted-strong)}.badge-success{background:var(--signal-soft);border:1px solid color-mix(in oklch, var(--signal) 35%, var(--border));color:var(--signal-strong)}.badge-warning{background:var(--warn-soft);border:1px solid color-mix(in oklch, var(--warn) 35%, var(--border));color:var(--warn-strong)}.badge-danger{background:var(--danger-soft);border:1px solid color-mix(in oklch, var(--danger) 32%, var(--border));color:var(--danger-strong)}.status{color:var(--muted-strong);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:8px;min-height:24px;font-size:.78rem;font-weight:500;display:inline-flex}.status:before{background:var(--muted);content:"";border-radius:999px;width:7px;height:7px}.status-live:before{animation:status-pulse 1.6s var(--ease-out) infinite;background:var(--danger)}.status-success:before{background:var(--signal)}.status-warning:before{background:var(--warn)}.status-error:before{background:var(--danger)}.landing-page{gap:clamp(56px,9vw,104px);display:grid}.hero-section{place-items:center;min-height:calc(100svh - 150px);display:grid;position:relative;overflow:clip}.hero-inner{z-index:2;width:100%;max-width:980px;position:relative}.hero-copy{max-width:720px}.hero-copy h1{font-family:var(--font-display);letter-spacing:-.03em;max-width:14ch;margin-top:18px;font-size:clamp(3.1rem,8vw,5.6rem);font-weight:700;line-height:1.02}.hero-support{color:var(--muted-strong);max-width:46ch;margin-top:24px;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.landing-section{border-top:1px solid var(--border);padding-top:clamp(40px,6vw,72px)}.section-head{max-width:720px;margin-bottom:clamp(32px,5vw,56px)}.section-head h2{font-family:var(--font-display);letter-spacing:-.02em;max-width:20ch;margin-top:12px;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:650;line-height:1.06}.section-lead{color:var(--muted-strong);max-width:46ch;margin-top:18px;font-size:1.02rem;line-height:1.62}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,48px);display:grid;position:relative}.steps:before{background:var(--border);content:"";height:1px;position:absolute;top:3px;left:0;right:0}.step{border-top:1px solid var(--border);padding-top:22px;position:relative}.step-index{color:var(--muted-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;align-items:center;gap:10px;font-size:.78rem;display:flex}.step-index:before{background:var(--accent-line);content:"";border-radius:999px;width:6px;height:6px}.step h3{font-family:var(--font-display);letter-spacing:-.015em;margin-top:18px;font-size:1.35rem;font-weight:650}.step p{color:var(--muted-strong);max-width:30ch;margin-top:10px;line-height:1.6}.tracks{border-top:1px solid var(--border)}.track{border-bottom:1px solid var(--border);transition:background .3s var(--ease-out)}.track:hover,.track:focus-visible{background:color-mix(in oklch, var(--surface-raised) 60%, transparent)}.track:focus-visible{outline-offset:-4px}.track .reveal{transition:padding-left .3s var(--ease-out);grid-template-columns:72px minmax(0,1fr) minmax(0,.9fr);align-items:baseline;gap:12px 28px;padding:clamp(22px,3vw,30px) 0;display:grid}.track:hover .reveal,.track:focus-visible .reveal{padding-left:14px}.track-index{color:var(--muted-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;transition:color .3s var(--ease-out);font-size:.8rem}.track:hover .track-index,.track:focus-visible .track-index{color:var(--accent-strong)}.track-copy h3{font-family:var(--font-display);letter-spacing:-.02em;transition:transform .3s var(--ease-out);font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:650;line-height:1.05}.track:hover .track-copy h3,.track:focus-visible .track-copy h3{transform:translate(8px)}.track-copy p{color:var(--muted-strong);max-width:34ch;margin-top:8px;line-height:1.55}.track-tag{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;text-align:right;text-transform:uppercase;justify-self:end;font-size:.72rem}.room-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);overflow:hidden}.room-preview-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.room-preview-label{color:var(--muted-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.room-preview-chip{background:var(--surface-inset);border:1px solid var(--border);color:var(--muted-strong);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 11px;font-size:.68rem}.room-preview-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid}.room-preview-question{padding:clamp(22px,3vw,34px)}.room-preview-question h3{font-family:var(--font-display);letter-spacing:-.02em;max-width:24ch;margin-top:14px;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:650;line-height:1.2}.room-preview-meta{align-items:center;gap:18px;margin-top:28px;display:flex}.room-preview-timer{color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:500}.room-preview-stage{background:var(--stage);border-left:1px solid var(--stage-line);min-height:clamp(220px,34vh,320px);position:relative;overflow:hidden}.room-preview-stage .ribbon{position:absolute;inset:0}.room-preview-stage .ribbon-canvas{-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.room-preview-stage .rec-chip{z-index:3;position:absolute;top:16px;left:16px}.debrief-preview{gap:clamp(28px,4vw,44px);display:grid}.debrief-preview-band{border-block:1px solid var(--border);height:76px;position:relative;overflow:hidden}.debrief-preview-band .ribbon-canvas{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.debrief-preview-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(28px,4vw,48px);display:grid}.debrief-overall{flex-direction:column;align-items:baseline;display:flex}.debrief-overall-value{color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(4.5rem,11vw,7rem);font-weight:500;line-height:.95}.debrief-overall-label{color:var(--muted-strong);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-top:12px;font-size:.76rem}.debrief-metrics{border-top:1px solid var(--border)}.debrief-metrics .channel-row{border-bottom:1px solid var(--border);padding:13px 0}.debrief-metrics .channel-row:last-child{border-bottom:0}.debrief-metric-note{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.landing-page .channel-track span{width:var(--channel-width,0);animation:none}.landing-page .is-in .channel-track span{animation:channel-flow 1s var(--ease-out) both}.debrief-feedback{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,48px);padding-top:clamp(24px,3vw,36px);display:grid}.debrief-feedback-block blockquote{font-family:var(--font-display);letter-spacing:-.015em;max-width:26ch;margin:14px 0 0;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:600;line-height:1.3}.debrief-note{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.landing-cta{text-align:center;flex-direction:column;align-items:center;display:flex}.landing-cta-inner{flex-direction:column;align-items:center;max-width:640px;display:flex}.landing-cta-inner h2{font-family:var(--font-display);letter-spacing:-.025em;margin-top:14px;font-size:clamp(2.2rem,6vw,4rem);font-weight:650;line-height:1.05}.landing-cta-lead{color:var(--muted-strong);max-width:44ch;margin-top:18px;font-size:1.05rem;line-height:1.65}.landing-cta-inner .button{margin-top:30px}.cta-band{border-block:1px solid var(--border);width:100%;height:84px;margin-top:clamp(44px,7vw,72px);position:relative;overflow:hidden}.cta-band .ribbon-canvas{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.page-intro{margin-bottom:clamp(30px,4vw,42px)}.page-intro h1{font-family:var(--font-display);letter-spacing:-.025em;max-width:22ch;margin-top:12px;font-size:clamp(2rem,5vw,3.4rem);font-weight:700;line-height:1.06}.page-intro-lead{color:var(--muted-strong);max-width:58ch;margin-top:16px;font-size:1.02rem;line-height:1.65}.setup-page{max-width:860px;margin:0 auto}.setup-form{gap:clamp(30px,4vw,40px);display:grid}.setup-step{gap:16px;display:grid}.option-group{border:0;margin:0;padding:0}.setup-step legend{align-items:baseline;gap:14px;margin-bottom:16px;padding:0;display:flex}.setup-step-index{color:var(--accent-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:.78rem}.setup-step-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem;font-weight:650}.option-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.option-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);cursor:pointer;min-height:86px;transition:border-color .2s var(--ease-out), background .2s var(--ease-out), transform .2s var(--ease-spring);gap:6px;padding:16px 18px;display:grid;position:relative}.option-card:hover{border-color:var(--accent-line);transform:translateY(-1px)}.option-card:active{transform:translateY(0)}.option-card input{opacity:0;pointer-events:none;position:absolute}.option-card span{color:var(--fg);letter-spacing:-.005em;padding-right:26px;font-size:.98rem;font-weight:600}.option-card small{color:var(--muted-strong);font-size:.84rem;line-height:1.45}.option-card .option-radio{border:1.5px solid var(--border);height:20px;transition:border-color .2s var(--ease-out), background .2s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;width:20px;display:inline-flex;position:absolute;top:18px;right:16px}.option-card .option-radio:after{background:var(--surface);content:"";height:8px;transition:transform .22s var(--ease-spring);border-radius:999px;width:8px;transform:scale(0)}.option-selected{background:var(--accent-soft);border-color:var(--accent)}.option-selected:hover{border-color:var(--accent)}.option-selected .option-radio{background:var(--accent);border-color:var(--accent)}.option-selected .option-radio:after{transform:scale(1)}.option-selected span{color:var(--fg)}.setup-brief{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 18px;margin-top:26px;padding:20px 22px;display:flex;position:sticky;bottom:18px}.setup-brief-copy{gap:4px;display:grid}.setup-brief-copy .eyebrow{color:var(--muted-strong)}.setup-brief-config{color:var(--fg);font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem;font-weight:650}.setup-brief-config .cfg-sep{color:var(--muted);margin:0 2px}.setup-brief .button{flex:none}.interview-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 24px;margin-bottom:26px;display:flex}.interview-header h1{font-family:var(--font-display);letter-spacing:-.02em;margin-top:8px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:650;line-height:1.08}.header-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.sync-warning{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius-s);color:var(--accent-strong);margin-bottom:18px;padding:12px 16px;font-size:.88rem}.live-caption{border-block:1px solid var(--border);color:var(--muted-strong);max-height:132px;margin-bottom:18px;padding:10px 2px;font-size:.95rem;line-height:1.55;overflow-y:auto}.live-caption-error{color:var(--danger-strong)}.interview-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:clamp(20px,3vw,26px);display:grid}.interview-main,.interview-side{gap:20px;display:grid}.interview-side{position:sticky;top:86px}.question-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:clamp(22px,3vw,34px);position:relative}.question-panel:before{background:linear-gradient(90deg, var(--accent), transparent 40%);content:"";border-radius:2px;width:96px;height:2px;position:absolute;top:-1px}.question-chip{color:var(--muted-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;display:flex}.question-chip .q-count{color:var(--accent-strong)}.question-panel h1{color:var(--fg);font-family:var(--font-display);letter-spacing:-.02em;max-width:26ch;margin-top:18px;font-size:clamp(1.75rem,3.4vw,2.9rem);font-weight:650;line-height:1.14}.camera-preview{background:var(--stage);border:1px solid var(--stage-line);border-radius:var(--radius-l);min-height:clamp(300px,52vh,460px);transition:box-shadow .3s var(--ease-out);position:relative;overflow:hidden}.camera-preview.is-recording{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--signal) 55%, transparent)}.camera-preview video,.preview-box video{object-fit:cover;width:100%;height:100%;display:block}.camera-preview video{z-index:0;position:relative}.camera-placeholder{color:var(--stage-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;z-index:2;justify-content:center;align-items:center;font-size:.76rem;display:flex;position:absolute;inset:0}.camera-overlays{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:16px}.rec-chip{-webkit-backdrop-filter:blur(8px);border:1px solid var(--stage-line);color:var(--stage-fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;background:#08080a9e;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 12px;font-size:.68rem;font-weight:500;display:inline-flex}.rec-chip:before{background:var(--danger);content:"";border-radius:999px;width:7px;height:7px}.rec-chip.is-recording:before{animation:status-pulse 1.4s var(--ease-out) infinite}.muted-chip:before{background:var(--stage-muted);animation:none}.media-status-row{z-index:3;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 140px);display:flex;position:absolute;bottom:16px;left:16px}.media-status-row span{-webkit-backdrop-filter:blur(8px);border:1px solid var(--stage-line);color:var(--stage-fg);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#08080a9e;border-radius:999px;min-height:28px;padding:0 12px;font-size:.68rem}.media-toggle{-webkit-backdrop-filter:blur(8px);border:1px solid var(--stage-line);color:var(--stage-fg);font-family:var(--font-mono);letter-spacing:.04em;z-index:3;min-height:32px;transition:background .18s var(--ease-out), border-color .18s var(--ease-out);background:#08080a9e;border-radius:999px;padding:0 14px;font-size:.7rem;font-weight:500;position:absolute;bottom:16px;right:16px}.media-toggle:hover:not(:disabled){background:#141418cc;border-color:#ffffff2e}.timer-panel,.recording-panel,.interviewer-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);padding:20px}.timer-panel{gap:6px;display:grid}.timer-panel>span{color:var(--muted-strong);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.timer-panel strong{color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color .3s var(--ease-out);font-size:2.9rem;font-weight:500;line-height:1}.timer-brief{align-items:center;gap:10px;margin-top:4px;display:flex}.timer-warning strong{animation:timer-pulse 1.2s var(--ease-out) infinite;color:var(--warn-strong)}.timer-expired strong{color:var(--danger-strong)}.interviewer-panel{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;display:grid}.interviewer-panel h2{font-family:var(--font-display);letter-spacing:-.01em;margin-top:3px;font-size:1rem;font-weight:650}.interviewer-sub{color:var(--muted-strong);margin-top:12px;font-size:.84rem}.interviewer-mark{background:var(--stage);border:1px solid var(--stage-line);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;overflow:hidden}.interviewer-mark:after{content:"";pointer-events:none;transition:border-color .3s var(--ease-out);border:1px solid #0000;border-radius:18px;position:absolute;inset:-1px}.interviewer-listening .interviewer-mark:after{border-color:color-mix(in oklch, var(--signal) 60%, transparent)}.interviewer-asking .interviewer-mark:after{border-color:color-mix(in oklch, var(--accent) 60%, transparent)}.interviewer-thinking .interviewer-mark:after{border-color:color-mix(in oklch, var(--warn) 55%, transparent)}.interviewer-wave{align-items:center;gap:4px;height:34px;display:flex}.interviewer-wave i{background:var(--stage-muted);width:3.5px;height:30%;transition:height .42s var(--ease-out), background .3s var(--ease-out);border-radius:999px}.interviewer-idle .interviewer-wave i:first-child{height:22%}.interviewer-idle .interviewer-wave i:nth-child(2){height:34%}.interviewer-idle .interviewer-wave i:nth-child(3){height:48%}.interviewer-idle .interviewer-wave i:nth-child(4){height:30%}.interviewer-asking .interviewer-wave i,.interviewer-listening .interviewer-wave i{animation:eq-pulse .9s var(--ease-out) infinite}.interviewer-asking .interviewer-wave i:first-child{animation-delay:-80ms}.interviewer-asking .interviewer-wave i:nth-child(2){animation-delay:-320ms}.interviewer-asking .interviewer-wave i:nth-child(3){animation-delay:-560ms}.interviewer-asking .interviewer-wave i:nth-child(4){animation-delay:-220ms}.interviewer-listening .interviewer-wave i:first-child{animation-delay:-110ms}.interviewer-listening .interviewer-wave i:nth-child(2){animation-delay:-440ms}.interviewer-listening .interviewer-wave i:nth-child(3){animation-delay:-260ms}.interviewer-listening .interviewer-wave i:nth-child(4){animation-delay:-690ms}.interviewer-asking .interviewer-wave i{background:var(--accent)}.interviewer-listening .interviewer-wave i{background:var(--signal)}.interviewer-thinking .interviewer-wave{display:none}.interviewer-thinking .interviewer-mark:before{border:2px solid #0000;border-top-color:var(--warn);content:"";border-radius:999px;width:34px;height:34px;animation:1.6s linear infinite think-orbit;position:absolute}.recording-panel{gap:16px;display:grid}.recording-head{justify-content:space-between;align-items:center;display:flex}.recording-head strong{color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.6rem;font-weight:500}.preview-box,.preview-empty{background:var(--surface-inset);border:1px dashed var(--border);border-radius:var(--radius-s);color:var(--muted);justify-content:center;align-items:center;min-height:128px;display:flex;position:relative;overflow:hidden}.preview-box{align-items:stretch;padding:0;display:grid}.preview-box span{color:var(--muted-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;z-index:2;font-size:.68rem;position:absolute;top:10px;left:12px}.preview-empty{font-size:.84rem}.inline-error{background:var(--danger-soft);border:1px solid color-mix(in oklch, var(--danger) 24%, var(--border));border-radius:var(--radius-s);color:var(--danger-strong);padding:10px 14px;font-size:.85rem}.inline-note{background:var(--surface-inset);border-radius:var(--radius-s);color:var(--muted-strong);padding:10px 14px;font-size:.85rem}.control-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.control-row .button-quiet{opacity:0;pointer-events:none}.warning-banner{background:var(--warn-soft);border:1px solid color-mix(in oklch, var(--warn) 34%, var(--border));border-radius:var(--radius-m);color:var(--warn-strong);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:18px;padding:13px 18px;font-size:.92rem;display:flex}.warning-banner strong{font-weight:650}.warning-banner span{color:var(--muted-strong)}.expired-banner{background:var(--danger-soft);border-color:color-mix(in oklch, var(--danger) 30%, var(--border));color:var(--danger-strong)}.expired-banner strong{color:var(--danger-strong)}.processing-page{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 200px);display:flex}.processing-card{text-align:center;justify-items:center;gap:20px;width:100%;max-width:620px;margin:0 auto;padding:clamp(30px,5vw,48px);display:grid}.processing-card h1{font-family:var(--font-display);letter-spacing:-.022em;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:700;line-height:1.1}.processing-card p{color:var(--muted-strong);max-width:44ch;line-height:1.6}.processing-spectrum{align-items:center;gap:4px;height:64px;display:flex}.processing-spectrum i{animation:spectrum 1.3s var(--ease-out) infinite;background:var(--accent);border-radius:999px;width:4px;height:30%}.processing-spectrum i:nth-child(3n){animation-delay:-.4s}.processing-spectrum i:nth-child(3n+1){animation-delay:-.8s}.processing-steps{border:1px solid var(--border);border-radius:var(--radius-m);text-align:left;gap:0;width:100%;margin-top:6px;display:grid;overflow:hidden}.processing-steps span{border-bottom:1px solid var(--border);color:var(--muted-strong);align-items:center;gap:12px;padding:13px 16px;font-size:.9rem;display:flex}.processing-steps span:last-child{border-bottom:0}.processing-steps span:before{border:1px solid var(--border);content:"";border-radius:999px;width:9px;height:9px}.processing-steps .step-complete{color:var(--fg);font-weight:600}.processing-steps .step-complete:before{background:var(--signal);border-color:var(--signal)}.processing-steps .step-active{color:var(--accent-strong)}.processing-steps .step-active:before{animation:status-pulse 1.4s var(--ease-out) infinite;background:var(--accent);border-color:var(--accent)}.results-page{gap:clamp(28px,4vw,44px);display:grid}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 28px;display:flex}.results-header h1{font-family:var(--font-display);letter-spacing:-.028em;margin-top:12px;font-size:clamp(2.1rem,5vw,3.6rem);font-weight:700;line-height:1.04}.results-subtitle{color:var(--muted-strong);max-width:54ch;margin-top:10px;font-size:1.02rem;line-height:1.6}.results-meta{color:var(--muted-strong);font-family:var(--font-mono);letter-spacing:.03em;align-items:center;gap:10px;font-size:.76rem;display:inline-flex}.debrief-hero{border:1px solid var(--border);border-radius:var(--radius-l);background:radial-gradient(90% 120% at 12% 0%, var(--accent-soft), transparent 55%), var(--surface);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,44px);padding:clamp(24px,4vw,40px);display:grid}.disqualified-banner{background:var(--danger-soft);border:1px solid color-mix(in oklch, var(--danger) 32%, var(--border));border-radius:var(--radius-m);color:var(--danger-strong);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:22px;padding:13px 18px;display:flex}.disqualified-banner p{margin:0;font-size:.9rem}.disqualified-badge{background:color-mix(in oklch, var(--danger) 14%, transparent);border:1px solid color-mix(in oklch, var(--danger) 42%, transparent);color:var(--danger-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:3px 11px;font-size:.68rem;display:inline-flex}.debrief-score{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.debrief-score .debrief-label{color:var(--muted-strong);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.debrief-score .debrief-note{color:var(--muted-strong);max-width:30ch;font-size:.88rem}.debrief-score .debrief-note strong{color:var(--fg);font-weight:650}.debrief-metrics{flex-direction:column;justify-content:center;gap:18px;display:flex}.debrief-metrics h2{font-family:var(--font-display);letter-spacing:-.015em;font-size:1.3rem;font-weight:650}.score-ring{height:var(--ring-size,192px);width:var(--ring-size,192px);justify-content:center;align-items:center;display:flex;position:relative}.score-ring-svg{width:100%;height:100%}.score-ring-track{fill:none;stroke:var(--surface-inset);stroke-width:10px}.score-ring-fill{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-width:10px;stroke-dashoffset:var(--ring-dashoffset,465);animation:ring-fill 1.1s var(--ease-out) both}.score-ring-value{text-align:center;flex-direction:column;align-items:baseline;gap:4px;display:flex;position:absolute}.score-ring-value strong{color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:3.3rem;font-weight:500;line-height:1}.score-ring-value span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;font-size:.8rem}.feedback-section h2{font-family:var(--font-display);letter-spacing:-.018em;margin-bottom:22px;font-size:1.5rem;font-weight:650}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.feedback-quote{border-left:3px solid var(--accent);color:var(--fg);margin:0;padding:4px 0 4px 18px;font-size:1.02rem;line-height:1.65}.feedback-col{gap:10px;display:grid}.feedback-col .eyebrow{margin-left:4px}.feedback-panel{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);padding:26px}.feedback-panel-header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.feedback-panel h2{font-family:var(--font-display);letter-spacing:-.012em;margin:0;font-size:1.12rem;font-weight:650}.feedback-counter{color:var(--muted-strong);font-family:var(--font-mono);margin-top:4px;font-size:.72rem}.feedback-list{gap:16px;display:grid}.feedback-item{color:var(--muted-strong);grid-template-columns:26px minmax(0,1fr);align-items:flex-start;gap:13px;line-height:1.58;display:grid}.feedback-icon{border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;display:inline-flex}.feedback-icon svg{width:13px;height:13px}.feedback-strength .feedback-icon{background:var(--signal-soft);border-color:color-mix(in oklch, var(--signal) 36%, var(--border));color:var(--signal-strong)}.feedback-improvement .feedback-icon{background:var(--warn-soft);border-color:color-mix(in oklch, var(--warn) 36%, var(--border));color:var(--warn-strong)}.feedback-text{margin:0}.next-practice{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:clamp(28px,4vw,40px);display:flex}.next-practice-copy{max-width:560px}.next-practice-copy h2{font-family:var(--font-display);letter-spacing:-.018em;font-size:1.5rem;font-weight:650}.next-practice-copy .eyebrow{margin-bottom:8px}.next-practice-copy p{color:var(--muted-strong);margin-top:12px;line-height:1.62}.next-practice .button{align-self:center}.no-speech-state{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:60px 24px;display:flex}.no-speech-icon{opacity:.6;font-size:4rem}.no-speech-state h2{font-family:var(--font-display);letter-spacing:-.018em;margin:0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:650}.no-speech-state p{color:var(--muted-strong);max-width:42ch;margin:0;font-size:1.05rem;line-height:1.6}.no-speech-hint{color:var(--muted)!important;font-size:.9rem!important}.ribbon{height:100%;position:relative}.ribbon-canvas{width:100%;height:100%;display:block}.ribbon-fallback{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;height:100%;list-style:none;display:flex}.ribbon-fallback li{font-family:var(--font-display);letter-spacing:-.01em;font-size:.98rem;font-weight:500}.ribbon-kicker{background:color-mix(in oklch, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--muted-strong);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;z-index:2;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.64rem;display:inline-flex;position:absolute;bottom:12px;left:16px}.ribbon-kicker-dot{background:var(--muted);border-radius:999px;width:6px;height:6px}.ribbon-kicker-live{border-color:color-mix(in oklch, var(--signal) 32%, var(--border));color:var(--signal-strong)}.ribbon-kicker-live .ribbon-kicker-dot{animation:status-pulse 1.6s var(--ease-out) infinite;background:var(--signal)}.ribbon-kicker-warning{border-color:color-mix(in oklch, var(--warn) 34%, var(--border));color:var(--warn-strong)}.ribbon-kicker-warning .ribbon-kicker-dot{animation:status-pulse .9s var(--ease-out) infinite;background:var(--warn)}.ribbon-kicker-danger{border-color:color-mix(in oklch, var(--danger) 34%, var(--border));color:var(--danger-strong)}.ribbon-kicker-danger .ribbon-kicker-dot{background:var(--danger)}.hero-ribbon{perspective:1400px;height:min(44vh,460px);transform:translateY(calc(-50% + (var(--ribbon-scroll,0) * -36px))) perspective(1400px) rotateX(11deg);transform-origin:50%;z-index:0;width:100%;position:absolute;inset:50% 0 auto}.hero-ribbon .ribbon-canvas{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.hero-ribbon:before{background:linear-gradient(180deg, var(--bg) 0%, transparent 30%, transparent 70%, var(--bg) 100%), linear-gradient(90deg, var(--bg) 0%, transparent 10%, transparent 90%, var(--bg) 100%);content:"";z-index:1;position:absolute;inset:0}.interview-ribbon{background:linear-gradient(180deg, var(--surface), color-mix(in oklch, var(--accent-soft) 32%, var(--surface)));border:1px solid var(--border);border-radius:var(--radius-m);height:96px;margin-bottom:24px;position:relative;overflow:hidden}.interview-ribbon .ribbon-canvas{-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.interview-ribbon-scale{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;z-index:1;font-size:.62rem;position:absolute;bottom:10px;right:16px}.setup-ribbon{border-block:1px solid var(--border);height:88px;margin-bottom:clamp(30px,4vw,42px);position:relative;overflow:hidden}.setup-ribbon .ribbon-canvas{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.processing-ribbon{border-block:1px solid var(--border);width:100%;height:84px;margin-bottom:clamp(20px,3vw,32px);position:relative;overflow:hidden}.processing-ribbon .ribbon-canvas{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.speech-channels{gap:16px;display:grid}.channels-ribbon{border-block:1px solid var(--border);height:76px;position:relative;overflow:hidden}.channels-ribbon .ribbon-canvas{-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.channels-source{align-items:center;gap:14px;display:flex}.channels-source-word{color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.12em;font-size:.66rem;font-weight:600}.channels-source-line{background:linear-gradient(90deg, var(--accent-line), transparent);flex:1;height:1px}.channels-list{gap:11px;display:grid}.channel-row{grid-template-columns:8px minmax(118px,auto) minmax(0,1fr) 54px;align-items:center;gap:13px;display:grid}.channel-node{background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;width:7px;height:7px}.channel-label{color:var(--muted-strong);white-space:nowrap;font-size:.88rem;font-weight:600}.channel-track{background:var(--surface-inset);border-radius:999px;height:8px;position:relative;overflow:hidden}.channel-track span{animation:channel-flow 1s var(--ease-out) both;background:linear-gradient(90deg, color-mix(in oklch, var(--accent-strong) 84%, var(--signal)), var(--accent));border-radius:999px;width:0;height:100%;display:block}.channel-score{color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:right;font-size:1.28rem;font-weight:500}.channel-score .channel-max{color:var(--muted-strong);font-size:.82rem}.channel-row--good .channel-track span{background:linear-gradient(90deg, color-mix(in oklch, var(--signal-strong) 84%, var(--signal)), var(--signal))}.channel-row--moderate .channel-track span{background:linear-gradient(90deg, color-mix(in oklch, var(--warn-strong) 84%, var(--warn)), var(--warn))}.channel-row--needs-work .channel-track span{background:linear-gradient(90deg, color-mix(in oklch, var(--danger-strong) 84%, var(--danger)), var(--danger))}@keyframes channel-flow{0%{width:0}to{width:var(--channel-width)}}.results-flow{border-block:1px solid var(--border);height:88px;margin-top:clamp(10px,2vw,20px);position:relative;overflow:hidden}.results-flow .ribbon-canvas{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.state-panel{border:1px solid var(--border);border-radius:var(--radius-l);text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:560px;margin:48px auto;padding:42px 34px;display:flex}.state-panel h2{font-family:var(--font-display);letter-spacing:-.018em;font-size:1.5rem;font-weight:650}.state-panel p{color:var(--muted-strong);max-width:40ch;line-height:1.6}.state-panel-error,.state-panel.state-panel-error{border-color:color-mix(in oklch, var(--danger) 30%, var(--border))}.loader{border:2px solid var(--border);border-top-color:var(--accent);border-radius:999px;width:40px;height:40px;animation:.9s linear infinite spin}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:50vh;display:flex}.not-found-mark{background:var(--fg);color:var(--stage-fg);border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:10px;display:inline-flex}.not-found-mark svg{width:38px;height:38px}.not-found h1{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2rem,5vw,3rem);font-weight:700}.not-found p{color:var(--muted-strong);max-width:40ch}.not-found .eyebrow{margin-bottom:-4px}.reveal{opacity:0;transition:opacity .64s var(--ease-out), transform .64s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(14px)}.reveal.is-in{opacity:1;transform:none}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.62}}@keyframes eq-pulse{0%,to{height:18%}50%{height:88%}}@keyframes spectrum{0%,to{height:22%}50%{height:92%}}@keyframes think-orbit{to{transform:rotate(360deg)}}@keyframes bar-fill{0%{width:0}to{width:var(--bar-width)}}@keyframes ring-fill{0%{stroke-dashoffset:465px}to{stroke-dashoffset:var(--ring-dashoffset,0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1020px){.hero-section{min-height:auto;padding:clamp(60px,12vh,104px) 0}.hero-ribbon{height:42vh}.interview-grid{grid-template-columns:1fr}.interview-side{position:static}}@media (width<=720px){.brand span:last-child{display:none}.hero-actions,.control-row{flex-direction:column;align-items:stretch}.hero-ribbon{height:34vh}.interview-ribbon{height:84px}.channel-row{grid-template-columns:6px auto minmax(0,1fr) 42px}.channel-label{font-size:.8rem}.control-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.control-row .button,.button{width:100%}.steps{grid-template-columns:minmax(0,1fr)}.track .reveal{grid-template-columns:64px minmax(0,1fr)}.track-tag{grid-column:2;justify-self:start}.room-preview-body{grid-template-columns:minmax(0,1fr)}.room-preview-stage{border-left:0;border-top:1px solid var(--stage-line);min-height:clamp(200px,40vw,280px)}.debrief-preview-grid,.debrief-feedback{grid-template-columns:minmax(0,1fr)}.debrief-hero,.feedback-grid{grid-template-columns:1fr}.interview-header,.results-header{flex-direction:column;align-items:flex-start}.setup-brief{flex-direction:column;align-items:stretch;position:static}.media-status-row{max-width:calc(100% - 120px)}}@media (width<=420px){.option-grid{grid-template-columns:1fr}.score-ring{--ring-size:152px}.score-ring-value strong{font-size:2.6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.page-frame{animation:none}.hero-ribbon{transform:translateY(-50%)}}