:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#0d1c2c;color:#e7f0f8}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:28px 22px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #35546f;padding-bottom:22px}.brand{color:#ffa34f;font-weight:750;letter-spacing:2px;font-size:24px}select,a,button{font:inherit}select,button{background:#1b3045;color:#e7f0f8;border:1px solid #52718b;border-radius:9px;padding:10px 14px}h1{font-size:clamp(26px,5vw,38px);margin-bottom:12px}p{color:#b3cadc;line-height:1.6}.player{margin-top:24px;border:1px solid #35546f;border-radius:16px;overflow:hidden;background:#071321}video{width:100%;display:block;max-height:75vh}video::cue{background:rgba(0,0,0,.88);color:white;font:18px sans-serif}.caption{display:none;padding:16px 20px;min-height:82px;line-height:1.6;font-size:18px;border-top:1px solid #35546f}.note{padding:16px;background:#1b3045;border-inline-start:3px solid #19c7e7;border-radius:8px}.chapters{display:flex;flex-wrap:wrap;gap:8px}button{cursor:pointer}button:hover,button:focus-visible{border-color:#19c7e7;background:#27455f}a{color:#65d8f0}footer{margin-top:30px;border-top:1px solid #35546f;padding-top:18px;display:flex;flex-wrap:wrap;gap:20px}.error{color:#ffb9b9;padding:14px;display:none}