:root{--bg: #111118;--card: #131820;--text: #e6edf3;--muted: #9aa4b2;--accent: #00d3a7;--pill: #1c2430;--tape-recorder-bg: #D1D5DB;--tape-recorder-bg-alpha: rgba(209, 213, 219, .65);--tape-recorder-border: #6B7280;--screen-bg: #000000;--screen-text: #FBBF24;--button-bg: #E5E7EB;--button-hover-bg: #9CA3AF;--button-active-bg: #6B7280;--local-model-bg: #1F2937;--local-model-border: #4B5563;--status-ready-text: #4ADE80}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(#00000080,#00000080),url(/assets/bg-page-large-Qg4-_VxA.jpeg);background-color:var(--bg);background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:var(--text);font:16px/1.5 Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--muted)}.subtitles-overlay{position:fixed;inset:0;padding:0;z-index:1500}.subtitles-overlay.mode-bottom{background:transparent;pointer-events:none}.subtitles-overlay.mode-fullscreen{background:#000}.caption-window.ytp-caption-window-bottom{position:absolute;left:5%;right:5%;bottom:2%;transform:none;text-align:left;touch-action:none;width:auto;max-width:90vw}.caption-window.ytp-caption-window-center{position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%);text-align:left;touch-action:none;width:auto;max-width:90vw}@media (min-width: 1024px){.caption-window.ytp-caption-window-center{left:15%;right:15%;max-width:70vw}}.captions-text{display:block;overflow-wrap:normal}.caption-visual-line{display:block;margin-top:4px}.caption-visual-line:first-child{margin-top:0}.ytp-caption-segment{display:inline-block;white-space:pre-wrap;background:#080808bf;color:#fff;fill:#fff;font-family:YouTube Noto,Roboto,Arial,Helvetica,Verdana,PT Sans Caption,sans-serif;font-size:clamp(16px,3.2vw,36px);line-height:1.35;padding:2px 8px;border-radius:2px;text-shadow:0 1px 1px rgba(0,0,0,.4)}.subtitles-overlay.mode-fullscreen .ytp-caption-segment{font-size:clamp(24px,5vw,64px);padding:4px 10px}.app-root{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.page-stack{width:100%;display:flex;flex-direction:column;align-items:center}.recorder-wrap{width:100%;max-width:420px}.recorder{background:transparent;border:none;border-radius:0;padding:16px;box-shadow:none}.recorder-screen{width:100%;background:var(--screen-bg);color:var(--screen-text);border:2px solid var(--tape-recorder-border);padding:10px 14px;margin-bottom:12px;text-align:center}.font-vt323{font-family:VT323,monospace}.screen-text,.screen-text-status{letter-spacing:.35em;font-size:28px}.recorder-screen .screen-text-status{margin:auto;width:100%;text-align:center;align-self:center}.recorder-screen{min-height:56px;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden}.controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.btn{font-weight:800;cursor:pointer;border:2px solid var(--tape-recorder-border);height:40px;border-radius:0;padding:0 16px;box-shadow:inset 0 -2px 4px #0003}.btn:disabled{opacity:.6;cursor:not-allowed}.toolbar{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:12px;flex-wrap:wrap}.toolbar .left,.toolbar .right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.link{color:#9ca3af;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link:hover{color:#e5e7eb}.btn-subtitle{background:#1f2937;color:#e5e7eb;border-color:var(--tape-recorder-border)}.btn-subtitle:hover{background:#111827}.btn-subtitle:active{background:#0b1220}.btn-subtitle[aria-pressed=true]{background:#0b1220;color:#fbbf24;border-color:#f59e0b}.audio-toggle,.icon-toggle{display:inline-flex;align-items:center;gap:12px;padding:15px 20px;border:1px solid rgba(255,255,255,.08);background:#c8c8c814;color:#e5e7eb;border-radius:12px}.audio-toggle:disabled,.icon-toggle:disabled{opacity:1;cursor:default}.audio-toggle:hover,.icon-toggle:hover{background:#c8c8c81f}.audio-toggle:active,.icon-toggle:active{background:#c8c8c829}.audio-toggle .audio-label,.icon-toggle .audio-label{font-weight:700;font-size:16px}.audio-toggle svg,.icon-toggle svg{width:60px;height:60px}