:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#091017;color:#eaf2f6}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:24px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #26323d}.brand{font-size:26px;letter-spacing:2px;white-space:nowrap}.brand b{color:#47e6b1}header>span:nth-child(2){flex:1;color:#91a7b4}main{max-width:1120px;margin:auto;padding:40px 24px}h1{font-size:clamp(28px,4vw,44px);margin-top:0}p{color:#aabdc7;line-height:1.6}button,input{font:inherit;border-radius:10px;border:1px solid #425566;padding:12px 18px;background:#16232d;color:inherit}button{cursor:pointer}button:hover,button[aria-pressed=true]{border-color:#47e6b1;background:#183b34}button:focus-visible,input:focus-visible{outline:3px solid #47e6b1;outline-offset:3px}label{display:grid;gap:12px;max-width:540px}form>button{margin-top:16px;background:#47e6b1;color:#08140f;font-weight:700}nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}#grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.channel{text-align:left;min-height:140px;display:grid;gap:12px;padding:24px}.channel small{color:#47e6b1;letter-spacing:1px}.channel strong{font-size:24px}.player-heading{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.player-heading h2{flex:1}.player-heading span{color:#47e6b1}video{width:100%;max-height:70vh;background:black;border-radius:14px}#playback{margin-top:36px}[hidden]{display:none!important}@media(max-width:600px){header{gap:12px;padding:20px}.brand{font-size:20px}header>span:nth-child(2){display:none}header button{margin-left:auto}}