:root{--color-bg: #f5f5f4;--color-surface: #ffffff;--color-text: #1c1c1e;--color-text-muted: #6b6b70;--color-border: #deded9;--color-primary: #2f2f33;--color-on-primary: #ffffff;--color-ready: #1f8f4e;--color-on-ready: #ffffff;--color-banner: #fff6d6;--color-on-banner: #4a3d00;--color-danger: #b3261e;--color-focus: #2f6fdf;--color-player-bg: #000000;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: var(--font-body);--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--font-weight-regular: 400;--font-weight-bold: 650;--line-height: 1.45;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--border-width: 1px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--page-max-width: 480px;--tap-min: 48px;--duration-fast: .12s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #121214;--color-surface: #1c1c20;--color-text: #f2f2f4;--color-text-muted: #9a9aa2;--color-border: #2e2e34;--color-primary: #e8e8ec;--color-on-primary: #121214;--color-banner: #3a3320;--color-on-banner: #f5e7b0}}:root[data-theme=dark]{--color-bg: #121214;--color-surface: #1c1c20;--color-text: #f2f2f4;--color-text-muted: #9a9aa2;--color-border: #2e2e34;--color-primary: #e8e8ec;--color-on-primary: #121214;--color-banner: #3a3320;--color-on-banner: #f5e7b0}*{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-text);font:var(--font-weight-regular) var(--font-size-md) / var(--line-height) var(--font-body);-webkit-text-size-adjust:100%}#app{max-width:var(--page-max-width);margin:0 auto;padding:var(--space-4) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));display:grid;gap:var(--space-4)}h1,h2{font-family:var(--font-display);font-weight:var(--font-weight-bold);margin:0}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}p{margin:0}a{color:inherit}.muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.stack{display:grid;gap:var(--space-3)}.row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}button,.button{font:inherit;font-weight:var(--font-weight-bold);min-height:var(--tap-min);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast)}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button:disabled{opacity:.6;cursor:default}.primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);width:100%}.primary.ready{background:var(--color-ready);color:var(--color-on-ready);border-color:var(--color-ready)}.big{font-size:var(--font-size-lg);min-height:calc(var(--tap-min) * 1.4)}.link{border:0;background:none;padding:0;min-height:0;text-decoration:underline;font-weight:var(--font-weight-bold)}textarea,input[type=text]{font:inherit;width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text)}textarea{min-height:96px;resize:vertical}.pills{display:flex;gap:var(--space-2)}.pill{border-radius:var(--radius-pill);flex:1}.pill[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.banner{background:var(--color-banner);color:var(--color-on-banner);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.player{display:block;height:min(62vh,calc((min(100vw,var(--page-max-width)) - 2 * var(--space-4)) * 16 / 9));width:auto;aspect-ratio:9 / 16;background:var(--color-player-bg);border-radius:var(--radius-lg);margin:0 auto}.script{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-1)}.sources{margin:0;padding-left:var(--space-5);font-size:var(--font-size-sm)}.error{color:var(--color-danger)}.spinner{text-align:center;padding:var(--space-6) 0}.hidden{display:none!important}