:root{color-scheme:dark;font:17px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;background:#101114;color:#f3f3f5}
.channel{text-align:center}.channel .qr{max-width:100%;height:auto;aspect-ratio:1}.channel p{min-height:3em}.connect-channel{display:inline-block;margin:0 12px 20px 0}
#seek{display:block;width:100%;margin:16px 0 24px;min-height:36px;accent-color:#ed3344}.player-actions{display:flex;gap:12px;flex-wrap:wrap}#stream-status{min-height:2em}
*{box-sizing:border-box}body{margin:0}a{color:#ff6973}button,input{font:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid #2c2d33;gap:20px}header>span,footer,p,.card-bottom{color:#aaaeb9}.brand{color:#fff;text-decoration:none;letter-spacing:.1em;font-weight:800}.brand span{color:#ed3344}main{width:min(1120px,90%);margin:48px auto;min-height:65vh}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.15;letter-spacing:-.035em;margin:12px 0 24px;overflow-wrap:anywhere}h2{font-size:1.2rem;margin:8px 0;overflow-wrap:anywhere}.eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:700;color:#f07d86}.intro{max-width:650px;margin-bottom:32px}.card{padding:26px;background:#1a1b20;border:1px solid #303138;border-radius:18px}.pair{display:flex;align-items:center;gap:42px}.qr{width:244px;height:244px;border:12px solid white;border-radius:12px}.button,button{display:inline-block;border:0;border-radius:10px;background:#d8293a;color:white;font-weight:650;padding:13px 21px;cursor:pointer;text-decoration:none;min-height:48px}.subtle{background:#292b33;color:#e3e4e9;font-weight:500;padding:9px 15px}.button:hover,button:hover{filter:brightness(1.15)}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:4px}ol{padding-left:22px}li{margin:8px 0}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.video-card>a{color:#f3f3f5;text-decoration:none}.play-icon{display:grid;place-items:center;background:#292027;color:#ff7883;height:105px;border-radius:10px;margin-bottom:18px;font-size:34px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;font-size:.85rem}.card-bottom form{margin:0}.activity{margin-top:40px}.activity ul{list-style:none;padding:0}.activity li{padding:12px 0;border-bottom:1px solid #303138;display:flex;gap:18px;flex-wrap:wrap}.activity span{color:#aaaeb9}.empty{text-align:center;padding:55px 24px}.notice{padding:16px;background:#382b17;border-radius:10px;color:#f4d597}video{display:block;width:100%;max-height:75vh;background:black;border-radius:14px;margin:24px 0}.back{display:inline-block;margin-bottom:18px}footer{text-align:center;padding:24px;font-size:.85rem}#connection{font-size:.9rem;min-height:1.5em}@media(max-width:650px){header>span{display:none}main{margin:30px auto}.pair{flex-direction:column;gap:20px}.title-row{align-items:flex-start;flex-direction:column;margin-bottom:24px}.card{padding:22px}.grid{grid-template-columns:1fr}.qr{max-width:100%;height:auto;aspect-ratio:1}}
