:root { --bg: #0f1116; --text: #e9ebf1; --muted: #a0a7b8; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.55 "Segoe UI", Roboto, system-ui, sans-serif; }
main { max-width: 1000px; margin: 0 auto; padding: 20px 16px 40px; }
h1 { font-size: 26px; margin: 8px 0 10px; }
.info { color: #d3d7e1; margin: 0 0 8px; }
.info.fi { color: var(--muted); font-size: 15px; }
.small { color: var(--muted); font-size: 14px; }
a { color: #9db8ff; }
#p { position: relative; margin: 16px 0 10px; background: #000; border-radius: 10px; overflow: hidden; aspect-ratio: 16 / 9; }
video { width: 100%; height: 100%; display: block; }
.player-timedtext { position: absolute; left: 0; right: 0; bottom: 12%; text-align: center; color: #fff; font-size: clamp(16px, 3.2vw, 32px);
  white-space: pre-line; text-shadow: 0 0 4px #000, 0 0 2px #000; pointer-events: none; padding: 0 4%; }