:root{--void:#0a0b0d;--surface-0:#0f1013;--surface-1:#16171b;--surface-2:#1e2024;--surface-3:#27292f;--hairline:#2a2c31;--hairline-strong:#37393f;--ink-0:#f5f3ed;--ink-1:#c9c9ce;--ink-2:#8f9096;--ink-3:#616269;--signal-violet:#6e5bff;--signal-cyan:#00d9c0;--signal-gradient:linear-gradient(135deg, var(--signal-violet) 0%, var(--signal-cyan) 100%);--on-air:#f43;--on-air-dim:#b23324;--danger:#f0453a;--success:#2fd673;--warning:#ffb020;--kids-accent:#ff9e2c;--kids-accent-2:#6e5bff;--kids-surface:#1a1530;--font-display:"Archivo", system-ui, sans-serif;--font-body:"Source Sans 3", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:999px;--shadow-card:0 8px 24px #00000073;--shadow-lift:0 20px 50px #0000008c;--shadow-glow-signal:0 0 0 1px #6e5bff59, 0 0 24px #00d9c02e;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur-med:.26s;--dur-slow:.42s;--header-h:72px;--signal-bar-h:36px;--container-w:1360px;--focus-ring:0 0 0 2px var(--void), 0 0 0 4px var(--signal-cyan)}:root[data-kids="1"]{--void:#14101f;--surface-0:#1a1530;--surface-1:#221a3d;--surface-2:#2c2250;--hairline:#392c63;--ink-0:#fbf6ee;--signal-violet:var(--kids-accent-2);--signal-cyan:var(--kids-accent);--radius-sm:12px;--radius-md:20px;--radius-lg:30px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-med:0s;--dur-slow:0s}}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}body{color:var(--ink-0);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#000;margin:0;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.embed-shell{background:#000;flex-direction:column;height:100vh;display:flex}.embed-shell .player-frame{border:none;border-radius:0;flex-direction:column;flex:1;display:flex}.embed-shell .player-surface{aspect-ratio:auto;flex:1}.embed-credit-strip{background:var(--surface-0);border-top:1px solid var(--hairline);color:var(--ink-2);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;font-size:12.5px;display:flex}.embed-credit-strip a{color:var(--signal-cyan)}.embed-credit-strip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-state{text-align:center;color:var(--ink-2);max-width:320px;margin:auto;padding:30px 24px}.empty-state h3{font-family:var(--font-display);color:var(--ink-0);margin-bottom:8px}.skeleton-block{background:linear-gradient(90deg, var(--surface-1) 25%, var(--surface-2) 37%, var(--surface-1) 63%);background-size:400% 100%;width:100%;height:100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.static-page-shell{background:var(--void);flex-direction:column;height:100vh;display:flex;overflow-y:auto}.static-page-content{flex:1;padding:22px 24px}.static-page-content h1{font-family:var(--font-display);margin:0 0 14px;font-size:1.4rem}.static-page-content p{color:var(--ink-1);line-height:1.6}.static-page-content a{color:var(--signal-cyan);text-decoration:underline}.player-frame{border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);border:1px solid var(--hairline);background:#000;overflow:hidden}.player-surface{aspect-ratio:16/9;background:#000;width:100%;position:relative}.native-player{outline:none;width:100%;height:100%;position:relative}.native-player video{object-fit:contain;background:#000;width:100%;height:100%}.player-meta-row{background:var(--surface-0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.platform-chip{font-family:var(--font-mono);color:var(--ink-2);align-items:center;gap:6px;font-size:12px;display:flex}.player-hint{color:var(--ink-3);font-size:12px}.player-overlay{color:var(--ink-1);text-align:center;background:#0a0b0db8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.player-overlay p{max-width:34ch;margin:0;font-size:14px}.player-overlay--error{color:var(--ink-0)}.player-toast-overlay{background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-full);color:var(--ink-1);align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;display:flex;position:absolute;bottom:68px;left:16px}.native-controls{opacity:0;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);pointer-events:none;background:linear-gradient(#0000,#000000d9);padding:20px 14px 12px;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}.native-controls.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.native-player:not(:hover) .native-controls.is-visible{opacity:1}.seek-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-full);cursor:pointer;background:#ffffff38;width:100%;height:4px;margin-bottom:12px}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--signal-cyan);border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 3px #00d9c040}.controls-row{align-items:center;gap:6px;display:flex}.controls-spacer{flex:1}.icon-btn{color:var(--ink-0);border-radius:var(--radius-sm);transition:background var(--dur-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-btn:hover{background:#ffffff1a}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-full);background:#ffffff38;width:70px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ink-0);border-radius:50%;width:11px;height:11px}.time-display{font-family:var(--font-mono);color:var(--ink-1);white-space:nowrap;font-size:12.5px}.saver-chip{color:var(--kids-accent);border-radius:var(--radius-full);border:1px solid #ff9e2c66;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;display:inline-flex}.settings-menu{position:relative}.settings-popover{background:var(--surface-2);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);min-width:110px;box-shadow:var(--shadow-card);z-index:5;padding:6px;position:absolute;bottom:42px;right:0}.settings-popover button{width:100%;color:var(--ink-1);border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:7px 8px;font-size:13px;display:flex}.settings-popover button:hover{background:var(--surface-3);color:var(--ink-0)}@media (max-width:480px){.native-controls{padding:14px 8px 8px}.controls-row{gap:2px}.volume-slider{display:none}.saver-chip{gap:0;padding:6px;font-size:0}.time-display{font-size:11px}.icon-btn{padding:6px}}.on-air-chip{font-family:var(--font-mono);letter-spacing:.06em;color:var(--on-air);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.on-air-pulse{background:var(--on-air);border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-ring;box-shadow:0 0 #f439}@keyframes pulse-ring{0%{box-shadow:0 0 #ff44338c}70%{box-shadow:0 0 0 8px #f430}to{box-shadow:0 0 #f430}}.tiktok-embed-wrap{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:auto}