:root{color:#e6e9ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";--canvas:#0a0c10;--surface:#12151c;--surface-soft:#161a22;--surface-hover:#1c212b;--border:#ffffff12;--border-strong:#ffffff21;--text:#f4f6fa;--muted:#8b93a4;--accent:#7c5cff;--accent-strong:#6a48f5;--accent-soft:#7c5cff21;--danger:#e5484d;--danger-strong:#cc3a3f;--radius:16px;--radius-sm:10px;background:#0a0c10;font-family:system-ui,-apple-system,Segoe UI Variable Text,Segoe UI,Roboto,Inter,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{background:radial-gradient(90rem 40rem at 50% -18rem, #7c5cff1f, transparent 70%), var(--canvas);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:44px 0 40px}.hero{justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.03em;color:var(--text);margin-bottom:0;font-size:clamp(1.75rem,3.4vw,2.4rem);font-weight:600;line-height:1.1}h2{letter-spacing:-.015em;margin-bottom:18px;font-size:1.05rem;font-weight:600}h3{margin-bottom:4px;font-size:.95rem;font-weight:600}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.load-panel{margin-bottom:16px;padding:16px}.load-panel label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:600;display:block}.url-row{gap:8px;display:flex}input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:0;color:var(--text);background:#0c0f15;outline:none;flex:1;padding:12px 14px;font-size:.9rem;transition:border-color .14s,box-shadow .14s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder{color:#5d6473}input:disabled{opacity:.5;cursor:not-allowed}.field-note,footer p{color:#6b7383;margin:10px 0 0;font-size:.74rem;line-height:1.5}.workspace-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid}.player-panel{padding:14px}.player-frame{aspect-ratio:16/9;background:#000;border-radius:12px;position:relative;overflow:hidden}.youtube-player-host,.youtube-player-host>div,.youtube-player-host iframe{width:100%;height:100%}.youtube-player-host{position:absolute;inset:0}.player-placeholder{color:#5d6473;background:#0c0f15;align-content:center;place-items:center;height:100%;font-size:.85rem;display:grid;position:absolute;inset:0}.placeholder-icon{border:1px solid var(--border-strong);width:48px;height:48px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.player-error{border-radius:var(--radius-sm);color:#f5b5b7;background:#e5484d1a;border:1px solid #e5484d52;margin-top:10px;padding:10px 12px;font-size:.8rem;line-height:1.4}.session-cue{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:#b6bdcb;align-items:center;gap:9px;margin:10px 0 0;padding:9px 12px;font-size:.8rem;line-height:1.35;display:flex}.cue-dot{background:var(--muted);border-radius:50%;flex:none;width:7px;height:7px}.session-cue.listening{color:#cfc6ff;background:#7c5cff12;border-color:#7c5cff47}.session-cue.listening .cue-dot{background:var(--accent)}.session-cue.recording,.session-cue.rerecording{color:#f2bfc1;background:#e5484d14;border-color:#e5484d4d}.session-cue.recording .cue-dot,.session-cue.rerecording .cue-dot{background:var(--danger);animation:1.8s ease-in-out infinite live-pulse}.meter-row{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin-top:10px;font-size:.68rem;font-weight:600;display:flex}.meter-track{background:#ffffff14;border-radius:99px;flex:1;height:4px;overflow:hidden}.meter-fill{border-radius:inherit;background:var(--danger);height:100%;transition:width 90ms linear}.review-actions,.turn-controls{flex-wrap:wrap;gap:8px;display:flex}.button{border-radius:var(--radius-sm);cursor:pointer;min-height:40px;color:var(--text);letter-spacing:-.005em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:.85rem;font-weight:550;transition:background .14s,border-color .14s,color .14s,opacity .14s;display:inline-flex}.button:disabled{opacity:.34;cursor:not-allowed}.button.primary{background:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-strong)}.button.secondary{border-color:var(--border-strong);background:var(--surface-soft)}.button.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:#fff3}.button.ghost{border-color:var(--border-strong);color:var(--muted);background:0 0}.button.ghost:hover:not(:disabled){background:var(--surface-soft);color:var(--text)}.button.danger{background:var(--danger);color:#fff}.button.danger:hover:not(:disabled){background:var(--danger-strong)}.button.text-danger{color:#d9787b;background:0 0;border-color:#0000}.button.text-danger:hover:not(:disabled){color:#f5b5b7;background:#e5484d1f}.button.toggle{flex:310px;min-height:44px}.button.toggle.listening{background:var(--accent);color:#fff}.button.toggle.listening:hover:not(:disabled){background:var(--accent-strong)}.button.toggle.recording{background:var(--danger);color:#fff;animation:1.8s ease-in-out infinite live-pulse}.button.toggle.paused{background:var(--accent);color:#fff}.button.toggle.paused:hover:not(:disabled){background:var(--accent-strong)}.button.small{min-height:34px;padding:8px 11px;font-size:.78rem}.stable-label{place-items:center;display:grid}.stable-label>*{white-space:nowrap;grid-area:1/1}.stable-label-sizer{visibility:hidden;pointer-events:none;height:0;overflow:hidden}.button-shortcut{color:#ffffffb8;background:#00000038;border-radius:5px;padding:2px 6px;font-size:.68rem;font-weight:500}.review-panel{margin-top:22px;padding:12px 18px 16px}.section-heading{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex;overflow-x:auto}.section-title{flex:auto;align-items:baseline;gap:12px;min-width:max-content;display:flex}.section-title .eyebrow{margin:0}.section-heading h2{margin-bottom:0}.review-actions{flex-wrap:nowrap;flex:none}.review-actions .button{white-space:nowrap}.player-actions{width:100%;margin-top:12px;padding-bottom:2px;overflow-x:auto}.player-actions .button{min-height:44px}.player-actions .button.toggle{flex:none}.turn-list{gap:6px;display:grid;overflow-x:auto}.turn-card{background:var(--surface-soft);border:1px solid #0000;border-radius:12px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:12px;min-width:720px;padding:8px 10px;transition:border-color .14s,background .14s;display:grid}.turn-card:hover{background:var(--surface-hover)}.turn-card.active{background:#7c5cff14;border-color:#7c5cff80}.turn-number{width:26px;height:26px;color:var(--muted);font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:8px;place-items:center;font-size:.78rem;font-weight:600;display:grid}.turn-card.active .turn-number{background:var(--accent-soft);color:#c3b4ff}.turn-content{align-items:center;gap:12px;min-width:0;display:flex}.turn-heading{flex:210px;align-items:center;gap:10px;min-width:180px;margin:0;display:flex}.turn-heading>div{flex:auto}.turn-heading h3{margin-bottom:1px;font-size:.85rem}.turn-heading p{color:#6b7383;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:.7rem}.turn-controls{flex-wrap:nowrap;flex:none;gap:6px}.turn-controls .button.small{white-space:nowrap;width:auto;min-height:30px;padding:6px 10px;font-size:.72rem}.button.rerecord-stop{animation:1.8s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{box-shadow:0 0 #e5484d80}60%{box-shadow:0 0 0 6px #e5484d00}}@media (prefers-reduced-motion:reduce){.button.toggle.recording,.button.rerecord-stop,.cue-dot{animation:none}*{transition-duration:1ms!important}}.format-badge{color:#6b7383;letter-spacing:.06em;background:#ffffff0d;border-radius:5px;flex:none;padding:3px 6px;font-size:.6rem;font-weight:600}.empty-review{text-align:center;color:#5d6473;border:1px dashed var(--border-strong);border-radius:12px;padding:40px;font-size:.85rem}footer{text-align:center;padding:14px 4px 0}@media (width<=900px){.hero{flex-direction:column;align-items:start}}@media (width<=720px){.turn-list{overflow-x:visible}.turn-card{align-items:start;min-width:0}.turn-content{flex-direction:column;align-items:stretch;gap:8px}.turn-heading{flex:auto;min-width:0}.turn-controls{flex-wrap:wrap}}@media (width<=600px){.app-shell{width:min(100% - 20px,1180px);padding-top:26px}.url-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.url-row input{grid-column:1/-1;font-size:16px}.url-row .button{width:100%}.player-panel{padding:10px}.review-panel{padding:10px 12px 12px}.section-heading{margin-bottom:8px}.button{width:100%}.review-actions,.review-actions .button{width:auto}.player-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;overflow:visible}.player-actions .button,.player-actions .button.toggle{width:100%;min-width:0;min-height:44px;padding:8px 4px;font-size:.76rem}.player-actions .button-shortcut{display:none}.turn-number{width:26px;height:26px}.turn-controls .button{width:auto}}@media (width<=560px){.player-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.player-actions .button.toggle{grid-column:1/-1}.turn-heading p{white-space:normal}}