.skip-link{background:var(--amber);color:#0c0a09;z-index:9999;border-radius:0 0 6px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:0}.skip-link:focus{top:0}:root{--void:#0c0a09;--surface:#131110;--surface-raised:#1b1815;--amber:#f5a623;--amber-dim:#f5a6231a;--amber-glow:#f5a6234d;--cream:#ede8de;--cream-dim:#ede8de8c;--muted:#56504a;--success:#4cd9a0;--success-dim:#4cd9a01f;--danger:#f87171;--danger-dim:#f871711f;--border:#f5a62314;--border-strong:#f5a62347;--r-sm:6px;--r-md:10px;--r-lg:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--void);color:var(--cream);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,sans-serif;overflow:hidden}.app-shell{grid-template-rows:52px 1fr;height:100vh;display:grid}.header-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.header-logo{align-items:center;gap:.75rem;display:flex}.logo-mark{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:flex;box-shadow:0 0 12px #f5a62333}.logo-img{object-fit:contain;width:100%;height:100%;display:block}.logo-wordmark{letter-spacing:-.02em;color:var(--cream);font-size:.95rem;font-weight:700}.logo-version{color:var(--muted);vertical-align:super;margin-left:.2rem;font-family:DM Mono,monospace;font-size:.6rem}.header-right{align-items:center;gap:1.5rem;display:flex}.header-status{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.4rem;font-family:DM Mono,monospace;font-size:.62rem;display:flex}.status-dot{background:var(--muted);border-radius:50%;width:6px;height:6px;transition:background .4s}.status-dot.live{background:var(--success);animation:2.5s ease-in-out infinite blink;box-shadow:0 0 8px #4cd9a099}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.main-grid{grid-template-columns:58fr 42fr;display:grid;overflow:hidden}.left-panel{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.right-panel{flex-direction:column;display:flex;overflow:hidden}.panel-strip{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:.65rem 1.25rem;display:flex}.strip-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.6rem}.strip-label.amber{color:var(--amber)}.strip-label.green{color:var(--success)}.video-wrapper{background:#000;flex:1;min-height:0;position:relative;overflow:hidden}.video-feed{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.bracket{z-index:10;pointer-events:none;width:20px;height:20px;position:absolute}.bracket-tl{border-top:2px solid var(--amber);border-left:2px solid var(--amber);top:12px;left:12px}.bracket-tr{border-top:2px solid var(--amber);border-right:2px solid var(--amber);top:12px;right:12px}.bracket-bl{border-bottom:2px solid var(--amber);border-left:2px solid var(--amber);bottom:12px;left:12px}.bracket-br{border-bottom:2px solid var(--amber);border-right:2px solid var(--amber);bottom:12px;right:12px}.prediction-pill{z-index:10;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a09d1;border-radius:100px;align-items:center;gap:.5rem;padding:.3rem 1rem;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.pred-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:DM Mono,monospace;font-size:.58rem}.pred-value{color:var(--amber);font-family:DM Mono,monospace;font-size:.82rem;font-weight:500}.camera-off{background:var(--surface);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.camera-off svg{opacity:.25}.camera-off p{letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.7rem}.sign-tape{border-top:1px solid var(--border);background:var(--surface);scrollbar-width:none;flex-shrink:0;align-items:center;gap:.4rem;min-height:52px;padding:.6rem 1.25rem;display:flex;overflow-x:auto}.sign-tape::-webkit-scrollbar{display:none}.tape-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-shrink:0;margin-right:.25rem;font-family:DM Mono,monospace;font-size:.58rem}.sign-chip{border:1px solid var(--border-strong);background:var(--amber-dim);color:var(--amber);white-space:nowrap;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem .75rem;font-family:DM Mono,monospace;font-size:.8rem;font-weight:500;animation:.18s ease-out chip-pop;display:inline-flex}@keyframes chip-pop{0%{opacity:0;transform:scale(.75)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.tape-empty{color:var(--muted);font-family:DM Mono,monospace;font-size:.68rem}.countdown-chip{background:var(--danger-dim);color:var(--danger);border:1px solid #f871714d;border-radius:100px;flex-shrink:0;align-items:center;gap:.35rem;padding:.25rem .8rem;font-family:DM Mono,monospace;font-size:.72rem;font-weight:500;animation:1s ease-in-out infinite cd-pulse;display:inline-flex}@keyframes cd-pulse{0%,to{opacity:1}50%{opacity:.5}}.controls-bar{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;padding:.65rem 1.25rem;display:flex}.btn{border-radius:var(--r-sm);letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:700;transition:all .18s;display:inline-flex}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-amber{background:var(--amber);color:#0c0a09;border-color:var(--amber)}.btn-amber:hover:not(:disabled){background:#fbb742;box-shadow:0 0 16px #f5a62359}.btn-outline{border-color:var(--border-strong);color:var(--cream-dim);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--amber-glow);background:var(--amber-dim);color:var(--cream)}.btn-danger{background:var(--danger-dim);color:var(--danger);border-color:#f8717166}.btn-danger:hover:not(:disabled){background:#f8717133;box-shadow:0 0 12px #f8717133}.btn-success{background:var(--success-dim);color:var(--success);border-color:#4cd9a066}.btn-success:hover:not(:disabled){background:#4cd9a033;box-shadow:0 0 12px #4cd9a033}.banner{border-radius:var(--r-sm);align-items:center;gap:.5rem;margin:.6rem 1.25rem;padding:.6rem .9rem;font-family:DM Mono,monospace;font-size:.68rem;line-height:1.5;animation:.25s banner-in;display:flex}@keyframes banner-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.banner-amber{background:var(--amber-dim);color:var(--amber);border:1px solid #f5a62340}.banner-danger{background:var(--danger-dim);color:var(--danger);border:1px solid #f8717140}.banner-warn{color:#c9891b;background:#f5a6230d;border:1px solid #f5a62326}.spinner-xs{border:2px solid #f5a62333;border-top-color:var(--amber);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-section{border-bottom:1px solid var(--border);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ai-body{flex-direction:column;flex:1;justify-content:center;padding:1.75rem;display:flex;overflow:hidden}.ai-sentence{letter-spacing:-.03em;color:var(--cream);font-size:clamp(1.3rem,2.8vw,2.2rem);font-weight:700;line-height:1.2}.ai-sentence:after{content:"";background:var(--amber);border-radius:2px;width:36px;height:3px;margin-top:.7rem;display:block}.ai-placeholder{color:var(--muted);font-family:DM Mono,monospace;font-size:.7rem;line-height:1.9}.ai-processing{align-items:center;gap:.75rem;display:flex}.dot-row{gap:4px;display:flex}.dot-row span{background:var(--amber);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot-up}.dot-row span:nth-child(2){animation-delay:.2s}.dot-row span:nth-child(3){animation-delay:.4s}@keyframes dot-up{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.processing-label{letter-spacing:.06em;color:var(--amber);font-family:DM Mono,monospace;font-size:.7rem}.history-scroll{border-top:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--surface-raised) transparent;flex-shrink:0;max-height:120px;overflow-y:auto}.history-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:.6rem;padding:.5rem 1.75rem;animation:.2s ease-out slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.history-glyph{flex-shrink:0;margin-top:1px;font-size:.8rem}.history-text{color:var(--cream-dim);font-size:.75rem;line-height:1.4}.speech-section{flex-direction:column;flex:none;min-height:180px;max-height:260px;display:flex;overflow:hidden}.speech-body{scrollbar-width:thin;scrollbar-color:var(--surface-raised) transparent;flex:1;padding:1.1rem 1.75rem;overflow-y:auto}.speech-live{color:var(--cream);font-size:.9rem;line-height:1.7}.speech-live .interim{color:var(--muted);font-style:italic}.speech-empty{color:var(--muted);font-family:DM Mono,monospace;font-size:.68rem}.speech-controls{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:.75rem;padding:.65rem 1.75rem;display:flex}@media (width<=900px){body{overflow:auto}.app-shell{grid-template-rows:52px auto;height:auto;min-height:100vh}.main-grid{grid-template-columns:1fr;overflow:visible}.left-panel{border-right:none;border-bottom:1px solid var(--border)}.right-panel{min-height:60vh}.video-wrapper{min-height:240px}}