:root{--vermillion:#cc2f2f;--vermillion-dark:#b82525;--green:#2d7d46;--green-light:#4caf6a;--green-dark:#1e6b38;--teal:#2d7d7b;--teal-light:#5aadab;--teal-dark:#1e6b68;--slate:#5a6577;--slate-light:#7b8ba0;--slate-dark:#4a5568;--amber:#c49030;--color-error:var(--vermillion);--color-success:var(--green);--color-warning:var(--amber);--color-info:var(--teal)}[data-surface=stage]{--bg:#0c0c0f;--surface:#141418;--elevated:#1c1c22;--text:#fff;--text-secondary:#b0abb3;--text-muted:#8c8890;--vermillion-text:#e05050;--border:#ffffff14;--border-hover:#ffffff26;--accent:var(--vermillion);--accent-green:var(--green-light);background-color:var(--bg);color:var(--text)}[data-surface=manual]{--bg:#faf7f4;--surface:#fff;--elevated:#fff;--text:#1a1a1f;--text-secondary:#4a484d;--text-muted:#706d6d;--border:#e8e3dc;--border-hover:#d0c8bc;--accent:var(--vermillion-dark);--accent-green:var(--green-dark);--accent-slate:var(--slate-dark);background-color:var(--bg);color:var(--text)}[data-surface=forum]{--bg:#0a2424;--surface:#0f2e2e;--elevated:#143838;--text:#e0f0ef;--text-secondary:#a0c8c7;--text-muted:#5aadab;--vermillion-text:#e85555;--border:#ffffff1a;--border-hover:#ffffff2e;--accent:var(--vermillion);--accent-green:var(--green-light);background-color:var(--bg);color:var(--text)}html:not([data-theme=dark]) [data-surface=stage]{--bg:#faf7f4;--surface:#fff;--elevated:#fff;--text:#1a1a1f;--text-secondary:#4a484d;--text-muted:#706d6d;--border:#e8e3dc;--border-hover:#d0c8bc;--accent:var(--vermillion-dark);--accent-green:var(--green-dark);--accent-slate:var(--slate-dark);--vermillion-text:var(--vermillion-dark);background-color:var(--bg);color:var(--text)}::selection{color:inherit;background:#cc2f2f40}
:root{--font-display:"Bricolage Grotesque", serif;--font-body:"Instrument Sans", sans-serif;--font-reading:"Literata", Georgia, serif;--font-mono:"Geist Mono", monospace;--text-hero:clamp(56px, 8vw, 100px);--text-h1:clamp(32px, 4vw, 48px);--text-h2:clamp(24px, 3vw, 32px);--text-h3:clamp(20px, 2.5vw, 24px);--text-body:17px;--text-body-sm:15px;--text-mono-label:11px;--text-mono-annotation:13px;--text-mono-data:14px;--text-mono-large:clamp(28px, 3vw, 36px);--leading-tight:1.1;--leading-heading:1.2;--leading-body:1.7;--leading-mono:1.5}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-heading)}h1{font-size:var(--text-h1);font-weight:800}h2{font-size:var(--text-h2);font-weight:600}h3{font-size:var(--text-h3);font-weight:600}code,pre,.mono{font-family:var(--font-mono)}del,s,.strikethrough{text-decoration:line-through;-webkit-text-decoration-color:var(--accent,var(--vermillion));text-decoration-color:var(--accent,var(--vermillion))}
:root{--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px;--space-5xl:120px;--max-content:1100px;--max-reading:640px;--max-studio:760px;--sidebar-width:280px}
.annotation-card{border-left:2px solid var(--accent,var(--vermillion));background:#cc2f2f0f;padding:20px 24px}.annotation-card .prefix{font-family:var(--font-mono);font-size:var(--text-mono-label);color:var(--accent,var(--vermillion));text-transform:lowercase;letter-spacing:.05em;margin-bottom:var(--space-sm);display:block}.annotation-card.guidance{border-left-color:var(--accent-green,var(--green));background:#2d7d460f}.annotation-card.guidance .prefix{color:var(--accent-green,var(--green))}.btn-primary{background:var(--vermillion);color:#fff;font-family:var(--font-display);cursor:pointer;border:none;border-radius:0;padding:12px 24px;font-size:15px;font-weight:600;transition:background .15s ease-out}.btn-primary:hover{background:#b82525}.btn-ghost{color:var(--text);border:1px solid var(--text-secondary);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:0;padding:12px 24px;font-size:15px;font-weight:500;transition:background .15s ease-out}.btn-ghost:hover{background:var(--elevated)}.card{border:1px solid var(--border);background:var(--elevated);padding:var(--space-lg);border-radius:0}.card:hover{border-color:var(--border-hover)}.input{border:none;border-bottom:1px solid var(--text-secondary);color:var(--text);font-family:var(--font-body);font-size:var(--text-body);padding:var(--space-sm) 0;background:0 0;outline:none;width:100%;transition:border-color .2s ease-out}.input:focus{border-bottom-color:var(--vermillion)}.input-label{font-family:var(--font-mono);font-size:var(--text-mono-label);text-transform:lowercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-xs);display:block}.code-block{color:#e5e3e8;font-family:var(--font-mono);background:#0c0c0f;border:1px solid #ffffff14;padding:16px 20px;font-size:14px;overflow-x:auto}.code-block .keyword{color:#cc2f2f}.code-block .string{color:#4caf6a}.code-block .comment{color:#5aadab}.code-block .number{color:#b0abb3}

:root{--osk-color-surface:#0f0f12;--osk-color-surface-elevated:#16161a;--osk-color-surface-muted:#1e1e24;--osk-color-surface-hover:#22222a;--osk-color-surface-active:#2a2a34;--osk-color-surface-overlay:#09090b8c;--osk-color-text-primary:#e8e6e3;--osk-color-text-secondary:#8a8885;--osk-color-text-muted:#4a4845;--osk-color-text-inverse:#08080a;--osk-color-text-on-accent:#fff;--osk-color-accent:#e8a838;--osk-color-accent-subtle:#e8a8381f;--osk-color-accent-hover:#f0b84a;--osk-color-success:#4ade80;--osk-color-success-subtle:#4ade801f;--osk-color-success-text:#16a34a;--osk-color-success-bg:#4ade8014;--osk-color-success-border:#4ade8040;--osk-color-warning:#fbbf24;--osk-color-warning-subtle:#fbbf241f;--osk-color-warning-text:#d97706;--osk-color-warning-bg:#fbbf2414;--osk-color-warning-border:#fbbf2440;--osk-color-error:#f87171;--osk-color-error-subtle:#f871711f;--osk-color-error-text:#dc2626;--osk-color-error-bg:#f8717114;--osk-color-error-border:#f8717140;--osk-color-info:#60a5fa;--osk-color-info-subtle:#60a5fa1f;--osk-color-info-text:#2563eb;--osk-color-info-bg:#60a5fa14;--osk-color-info-border:#60a5fa40;--osk-color-indigo-bg:#6366f114;--osk-color-indigo-border:#6366f140;--osk-color-indigo-text:#818cf8;--osk-color-emerald-bg:#34d39914;--osk-color-emerald-border:#34d39940;--osk-color-emerald-text:#34d399;--osk-color-rose-bg:#fb718514;--osk-color-rose-border:#fb718540;--osk-color-rose-text:#fb7185;--osk-color-amber-bg:#fbbf2414;--osk-color-amber-border:#fbbf2440;--osk-color-amber-text:#fbbf24;--osk-color-border:#ffffff14;--osk-color-border-strong:#ffffff24;--osk-color-border-muted:#ffffff0a;--osk-color-score-high:#22c55e;--osk-color-score-mid:#f59e0b;--osk-color-score-low:#f87171;--osk-color-coach-neutral-bg:#60a5fa14;--osk-color-coach-neutral-border:#60a5fa33;--osk-color-coach-neutral-icon:#60a5fa;--osk-color-coach-encouraging-bg:#fbbf2414;--osk-color-coach-encouraging-border:#fbbf2433;--osk-color-coach-encouraging-icon:#fbbf24;--osk-color-coach-celebration-bg:#4ade8014;--osk-color-coach-celebration-border:#4ade8033;--osk-color-coach-celebration-icon:#4ade80;--osk-space-0:0;--osk-space-px:1px;--osk-space-0-5:.125rem;--osk-space-1:.25rem;--osk-space-1-5:.375rem;--osk-space-2:.5rem;--osk-space-2-5:.625rem;--osk-space-3:.75rem;--osk-space-3-5:.875rem;--osk-space-4:1rem;--osk-space-5:1.25rem;--osk-space-6:1.5rem;--osk-space-7:1.75rem;--osk-space-8:2rem;--osk-space-10:2.5rem;--osk-space-12:3rem;--osk-space-16:4rem;--osk-space-20:5rem;--osk-radius-none:0;--osk-radius-sm:4px;--osk-radius-md:8px;--osk-radius-lg:12px;--osk-radius-xl:16px;--osk-radius-2xl:24px;--osk-radius-full:9999px;--osk-font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--osk-font-family-mono:ui-monospace, "Cascadia Code", "Fira Mono", monospace;--osk-font-size-2xs:.6875rem;--osk-font-size-xs:.75rem;--osk-font-size-sm:.875rem;--osk-font-size-base:1rem;--osk-font-size-lg:1.125rem;--osk-font-size-xl:1.25rem;--osk-font-size-2xl:1.5rem;--osk-font-size-3xl:1.875rem;--osk-font-size-4xl:2.25rem;--osk-font-size-7xl:4.5rem;--osk-font-weight-normal:400;--osk-font-weight-medium:500;--osk-font-weight-semibold:600;--osk-font-weight-bold:700;--osk-line-height-tight:1.25;--osk-line-height-snug:1.375;--osk-line-height-normal:1.5;--osk-line-height-relaxed:1.625;--osk-line-height-loose:1.75;--osk-letter-spacing-tight:-.025em;--osk-letter-spacing-normal:0;--osk-letter-spacing-wide:.025em;--osk-letter-spacing-wider:.05em;--osk-letter-spacing-widest:.1em;--osk-letter-spacing-eyebrow:.18em;--osk-shadow-sm:0 1px 3px #0000004d;--osk-shadow-md:0 4px 12px #0006;--osk-shadow-lg:0 8px 24px #00000073;--osk-shadow-xl:0 18px 48px #0f172a80;--osk-shadow-card:0 1px 2px #0f172a0f;--osk-shadow-inset:inset 0 1px 0 #ffffff0f;--osk-shadow-score-bar:0 0 16px #00000080;--osk-transition-fast:.15s ease;--osk-transition-base:.2s ease;--osk-transition-slow:.3s ease;--osk-transition-spring:.25s cubic-bezier(.34, 1.56, .64, 1);--osk-shell-ai-panel-width:35%;--osk-shell-ai-panel-min-width:320px;--osk-shell-ai-panel-max-width:480px;--osk-shell-right-panel-width:380px;--osk-timeline-view-width:380px;--osk-transcript-max-width:48rem;--osk-z-dropdown:30;--osk-z-panel:40;--osk-z-shell:50;--osk-z-overlay:90;--osk-score-bar-bg:#020617c7;--osk-score-bar-text:#f1f5f9;--osk-score-bar-border:#ffffff1a}
[data-theme=pl]{--osk-font-family:var(--font-body);--osk-font-family-mono:var(--font-mono);--osk-font-size-2xs:.75rem;--osk-font-size-xs:.8125rem;--osk-font-size-sm:.9375rem;--osk-font-size-base:1.0625rem;--osk-font-size-lg:1.25rem;--osk-font-size-xl:1.5rem;--osk-font-size-2xl:1.875rem;--osk-font-size-3xl:2.25rem;--osk-font-size-4xl:2.75rem;--osk-color-surface:var(--bg,#0c0c0f);--osk-color-surface-elevated:#16161a;--osk-color-surface-muted:#1e1e24;--osk-color-surface-hover:#22222a;--osk-color-surface-active:#2a2a34;--osk-color-text-primary:var(--text,#fff);--osk-color-text-secondary:var(--text-secondary,#b0abb3);--osk-color-text-muted:var(--text-muted,#8c8890);--osk-color-accent:var(--vermillion,#cc2f2f);--osk-color-accent-subtle:#cc2f2f1f;--osk-color-accent-hover:var(--vermillion-dark,#b82525);--osk-color-border:#ffffff14;--osk-color-border-strong:#ffffff24;--osk-score-bar-criterion-width:2rem}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent,var(--vermillion))}img{max-width:100%;display:block}html[data-scroll-behavior=smooth]{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--vermillion);outline-offset:2px}