*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080e16;color:#f2f7f7;font:17px/1.55 Arial,sans-serif}main{max-width:1280px;margin:auto;padding:clamp(18px,4vw,60px)}h1,h2,p{margin:0 0 .7em}h1{font-size:clamp(36px,6vw,76px);line-height:1.02;letter-spacing:-.045em}h2{font-size:22px}.label,small{color:#8fd9ca}a{color:#9decda}button,.button,input,select{font:inherit;color:inherit;border:1px solid #3a515b;background:#16242e;border-radius:9px;padding:9px 14px}button,.button{cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91f2d7;outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}input[type=url],input[type=search]{min-width:0;flex:1}.grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:20px}.box{padding:18px;border:1px solid #293d47;border-radius:16px;background:#101a24;margin:16px 0}.channels{max-height:48vh;overflow:auto}.channels button{display:block;text-align:left;width:100%;margin:5px 0}.channels button[aria-pressed=true]{border-color:#81ddc7}video{width:100%;background:black;aspect-ratio:16/9}.note{color:#bbcbd0}img{max-width:100%}[hidden]{display:none!important}@media(max-width:720px){.grid{grid-template-columns:1fr}main{padding:16px}}