:root{--color-cobalt-spark: #298ef5;--color-obsidian-bar: #333333;--color-ink: #171718;--color-carbon: #25282b;--color-smoke: #7c7e83;--color-ash: #a3a7ad;--color-frost: #e5e7eb;--color-bone: #f5f5f7;--color-porcelain: #ffffff;--gradient-lavender-wash: radial-gradient(64.38% 210.53% at 35.62% 50%, #dfe1f0 0%, #aeb1cc 100%);--font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-caption: .75rem;--leading-caption: 1.4;--tracking-caption: .6px;--text-body-sm: .875rem;--leading-body-sm: 1.43;--text-body: 1rem;--leading-body: 1.5;--text-reading: 1.25rem;--text-subheading: 1.25rem;--leading-subheading: 1.4;--tracking-subheading: -.2px;--text-heading-sm: 1.5rem;--leading-heading-sm: 1.33;--tracking-heading-sm: -.24px;--text-heading: 2.25rem;--leading-heading: 1.11;--tracking-heading: -.36px;--text-heading-lg: 3rem;--leading-heading-lg: 1.11;--tracking-heading-lg: -1.2px;--text-display: 4.5rem;--leading-display: 1;--tracking-display: -1.8px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-80: 80px;--spacing-112: 112px;--radius-tags: 12px;--radius-smallcards: 16px;--radius-cards: 24px;--radius-buttons: 9999px;--page-max-width: 1200px;--section-gap: 80px;--card-padding: 24px;--element-gap: 24px;--shadow-xl: rgba(0, 0, 0, .25) 0px 25px 50px -12px;--shadow-md: rgba(0, 0, 0, .1) 0px 10px 15px -3px, rgba(0, 0, 0, .1) 0px 4px 6px -4px;--text-scale: 1}*{box-sizing:border-box}html{font-size:calc(16px * var(--text-scale))}body{margin:0;font-family:var(--font-inter);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-ink);background:var(--color-porcelain);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;letter-spacing:var(--tracking-heading)}p{margin:0}button{font:inherit;cursor:pointer}input,select{font:inherit}:focus-visible{outline:2px solid var(--color-cobalt-spark);outline-offset:2px;border-radius:var(--radius-tags)}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);padding:12px 24px;border:1px solid var(--color-frost);border-radius:var(--radius-buttons);background:var(--color-porcelain);color:var(--color-ink);font-size:var(--text-body-sm);font-weight:var(--fw-medium);transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--color-bone);border-color:var(--color-ash)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--quiet{background:transparent}.btn--quiet:hover{background:var(--color-bone)}.btn--primary,.btn--on{background:var(--color-cobalt-spark);border-color:var(--color-cobalt-spark);color:var(--color-porcelain);box-shadow:var(--shadow-md)}.btn--primary:hover,.btn--on:hover{background:#1f7fe0;border-color:#1f7fe0}.btn--primary:disabled{box-shadow:none}.card{background:var(--color-porcelain);border:1px solid var(--color-frost);border-radius:var(--radius-cards);padding:var(--card-padding)}.card--haze{background:var(--color-bone);border-color:transparent}.card--frost{background:var(--color-porcelain);box-shadow:var(--shadow-xl);border-color:transparent}.input,select.input{background:var(--color-porcelain);border:1px solid var(--color-frost);border-radius:var(--radius-tags);padding:12px 16px;color:var(--color-ink);width:100%}.input:focus{border-color:var(--color-cobalt-spark);outline:none}.chip{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:6px 14px;border-radius:var(--radius-buttons);border:1px solid var(--color-frost);color:var(--color-carbon);background:var(--color-porcelain);font-size:var(--text-body-sm);font-weight:var(--fw-medium)}.chip__dot{width:8px;height:8px;border-radius:50%;background:var(--color-ash)}.chip--live .chip__dot{background:var(--color-cobalt-spark);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.topbar{display:flex;align-items:center;gap:var(--spacing-24);padding:var(--spacing-16) var(--spacing-32);background:var(--color-obsidian-bar);position:sticky;top:0;z-index:20}.topbar__brand{font-weight:var(--fw-semibold);font-size:var(--text-subheading);letter-spacing:.02em;color:var(--color-porcelain);text-decoration:none}.topbar__pack{font-size:var(--text-caption);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--color-ash)}.topbar__spacer{flex:1}.topbar__link{color:var(--color-ash);text-decoration:none;font-size:var(--text-body-sm);font-weight:var(--fw-medium);padding:8px 4px}.topbar__link:hover{color:var(--color-porcelain)}.topbar__link[aria-current=page]{color:var(--color-cobalt-spark)}.screen{max-width:980px;margin:0 auto;padding:var(--spacing-48) var(--spacing-24) var(--spacing-80)}.stage{position:relative;border-radius:var(--radius-cards);overflow:hidden;background:var(--color-carbon);box-shadow:var(--shadow-xl)}.stage video{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transform:scaleX(-1)}.stage canvas{position:absolute;inset:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}.stage__state{position:absolute;top:var(--spacing-16);left:var(--spacing-16)}.stage__notice{position:absolute;top:var(--spacing-16);right:var(--spacing-16);max-width:45%;font-size:var(--text-caption);color:var(--color-porcelain);background:#171718b8;border-radius:var(--radius-tags);padding:8px 12px}.stage__blocked{aspect-ratio:4 / 3;display:grid;place-items:center;padding:var(--spacing-32)}.caption-bar{display:grid;gap:var(--spacing-12)}.caption-word{font-weight:var(--fw-semibold);font-size:clamp(3rem,11vw,4.5rem);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-ink);min-height:1em;overflow-wrap:anywhere}.caption-candidate{color:var(--color-ash)}.caption-sentence{font-size:var(--text-reading);font-weight:var(--fw-regular);color:var(--color-ink);min-height:1.5em;overflow-wrap:anywhere}.caption-meta{display:flex;align-items:center;gap:var(--spacing-16);flex-wrap:wrap;font-size:var(--text-caption);color:var(--color-smoke)}.conf{display:inline-flex;align-items:center;gap:6px}.conf__dot{width:8px;height:8px;border-radius:50%;background:var(--color-cobalt-spark)}.conf--low .conf__dot{background:var(--color-ash)}.hold-track{width:80px;height:4px;border-radius:var(--radius-buttons);background:var(--color-frost);overflow:hidden}.hold-track__fill{height:100%;width:0%;background:var(--color-cobalt-spark)}.reply-row{display:flex;gap:var(--spacing-12);align-items:center;flex-wrap:wrap}.reply-row .input{flex:1;min-width:200px}.speech-note{font-size:var(--text-caption);color:var(--color-smoke)}.interim{font-size:var(--text-reading);color:var(--color-ash);min-height:1.5em}.transcript{display:grid;gap:var(--spacing-8)}.transcript__list{display:grid;gap:var(--spacing-12);max-height:46vh;overflow-y:auto}.line{display:grid;grid-template-columns:72px 1fr;gap:var(--spacing-16);align-items:baseline;padding-bottom:var(--spacing-12);border-bottom:1px solid var(--color-frost)}.line__who{font-size:var(--text-caption);font-weight:var(--fw-medium);letter-spacing:var(--tracking-caption);color:var(--color-smoke);text-transform:uppercase}.line__text{font-size:var(--text-reading);color:var(--color-ink)}.line--sign .line__who{color:var(--color-cobalt-spark)}.transcript__empty{color:var(--color-ash);font-size:var(--text-body)}.rows{display:grid;gap:var(--spacing-12)}.row{display:flex;align-items:center;gap:var(--spacing-16);background:var(--color-bone);border-radius:var(--radius-smallcards);padding:var(--spacing-20) var(--spacing-24)}.row__label{flex:1}.row__label b{display:block;font-weight:var(--fw-semibold);color:var(--color-ink)}.row__label small{color:var(--color-smoke)}.row input[type=range]{width:180px;accent-color:var(--color-cobalt-spark)}.switch{position:relative;width:46px;height:28px;flex:none;border-radius:var(--radius-buttons);border:1px solid var(--color-frost);background:var(--color-porcelain);padding:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--color-ash);transition:transform .15s ease,background .15s ease}.switch[aria-checked=true]{border-color:var(--color-cobalt-spark);background:var(--color-cobalt-spark)}.switch[aria-checked=true]:after{transform:translate(18px);background:var(--color-porcelain)}.onboard{min-height:100vh;display:grid;place-items:center;padding:var(--spacing-24);background:var(--gradient-lavender-wash)}.onboard__card{max-width:560px;width:100%;display:grid;gap:var(--spacing-16);box-shadow:var(--shadow-xl);border-color:transparent}.onboard__kicker{font-size:var(--text-caption);font-weight:var(--fw-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--color-smoke)}.onboard__title{font-weight:var(--fw-semibold);font-size:var(--text-heading-lg);line-height:var(--leading-heading-lg);letter-spacing:var(--tracking-heading-lg);color:var(--color-ink)}.onboard__body{font-size:var(--text-reading);line-height:var(--leading-body);color:var(--color-carbon)}.onboard__steps{display:flex;gap:var(--spacing-8)}.onboard__step{width:40px;height:4px;border-radius:var(--radius-buttons);background:var(--color-frost)}.onboard__step--on{background:var(--color-cobalt-spark)}.onboard__actions{display:flex;gap:var(--spacing-12);flex-wrap:wrap;margin-top:var(--spacing-8)}.onboard__fineprint{font-size:var(--text-caption);color:var(--color-smoke)}.teach-grid{display:grid;gap:var(--spacing-24);grid-template-columns:1fr}@media(min-width:760px){.teach-grid{grid-template-columns:1fr 1fr}}.sign-list{display:grid;gap:var(--spacing-12)}.sign-item{display:flex;align-items:center;gap:var(--spacing-16);background:var(--color-bone);border-radius:var(--radius-smallcards);padding:var(--spacing-16) var(--spacing-20)}.sign-item__name{flex:1;font-weight:var(--fw-medium);color:var(--color-ink)}.sign-item__meta{font-size:var(--text-caption);color:var(--color-smoke)}.countdown{font-weight:var(--fw-semibold);font-size:var(--text-display);letter-spacing:var(--tracking-display);color:var(--color-cobalt-spark);text-align:center}.hud{position:fixed;bottom:var(--spacing-16);right:var(--spacing-16);z-index:50;font-family:ui-monospace,monospace;font-size:11px;line-height:1.5;background:var(--color-ink);color:var(--color-frost);border-radius:var(--radius-tags);padding:var(--spacing-12) var(--spacing-16);white-space:pre;pointer-events:none}html.high-contrast body{background:var(--color-porcelain)}html.high-contrast{--color-smoke: #4b4d52;--color-ash: #5c5f66;--color-frost: #c7cace}html.high-contrast .line__text,html.high-contrast .caption-word,html.high-contrast .caption-sentence{color:#000}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}