@import url('https://fonts.googleapis.com/css2?family=Amaranth:wght@400;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#050608;--panel:#111318;--line:#262a33;--text:#f5f6f8;--muted:#969ba7;--yellow:#ffcc00;--green:#20ce62}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}body{min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#20221a 0,transparent 48%),var(--bg)}a{color:inherit;text-decoration:none}.topbar{height:68px;padding:0 clamp(16px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#050608e8}.brand{display:flex;align-items:center;gap:10px;font-family:Amaranth,sans-serif;font-weight:700;letter-spacing:1px}.brand>span:last-child>span{color:var(--yellow)}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--yellow);color:#111;font-size:13px}.channel-link{font-size:10px;letter-spacing:1px;font-weight:700;color:var(--yellow)}main{width:min(100% - 28px,980px);margin:0 auto;padding:34px 0 52px}.player-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.eyebrow{margin:0 0 7px;color:var(--yellow);font-size:9px;font-weight:700;letter-spacing:1.8px}h1,h2{font-family:Amaranth,Arial,sans-serif;margin:0;letter-spacing:.2px}h1{font-size:clamp(25px,4vw,36px)}h2{font-size:23px}.live-pill{font-size:9px;letter-spacing:1px;border:1px solid #ffffff1a;border-radius:30px;padding:8px 11px;color:#d9dbe1}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.player-frame{position:relative;aspect-ratio:16/9;background:#000;border:1px solid #ffffff18;overflow:hidden;border-radius:13px}.player-frame video{width:100%;height:100%;display:block;background:#000;object-fit:contain}.overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:22px;background:radial-gradient(ellipse,#191b1e 0,#050505 72%);transition:opacity .2s}.overlay.hidden{display:none}.overlay strong{font-size:15px}.overlay span{font-size:12px;color:var(--muted);line-height:1.6}.spinner{width:38px;height:38px;border:3px solid #ffffff20;border-top-color:var(--yellow);border-radius:50%;animation:spin .85s linear infinite;margin-bottom:7px}@keyframes spin{to{transform:rotate(360deg)}}.error-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffcc0066;border-radius:50%;color:var(--yellow);font-size:23px}.secondary-button{margin-top:8px;background:#24262a;color:#fff;border:1px solid #ffffff24;border-radius:9px;padding:10px 22px;cursor:pointer}.player-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 2px 22px;border-bottom:1px solid var(--line)}.player-bottom>div{display:flex;flex-direction:column;gap:5px}.small-label{font-size:9px;letter-spacing:1.5px;color:var(--muted)}#channel-name{font-size:13px}.status{font-size:10px;color:var(--yellow);border:1px solid #ffcc0033;padding:6px 9px;border-radius:6px}.channel-panel,.follow-card{margin-top:22px;padding:23px;border:1px solid var(--line);border-radius:13px;background:#101217}.muted{font-size:12px;color:var(--muted);line-height:1.7;margin:8px 0 0}.muted code{color:#d8dbe2;font-size:11px}.channel-panel form{margin-top:19px}.channel-panel label{display:block;font-size:11px;color:#c7cad1;margin-bottom:8px}.input-row{display:flex;gap:9px}input{flex:1;min-width:0;background:#08090c;border:1px solid #30343e;border-radius:9px;padding:0 13px;height:45px;color:#fff;font:inherit;font-size:13px;outline:none}input:focus{border-color:var(--yellow)}button[type=submit],.follow-card>a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 17px;background:var(--yellow);color:#151515;border:0;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.channel-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.channel-chip{border:1px solid #343741;background:#191b20;color:#e7e8eb;padding:8px 11px;border-radius:7px;font-size:11px;cursor:pointer}.channel-chip:hover{border-color:var(--yellow)}.follow-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.follow-card>a{background:#20ce62;color:#04150a}footer{border-top:1px solid #ffffff12;display:flex;justify-content:space-between;gap:12px;padding:20px clamp(16px,4vw,56px);font-size:9px;letter-spacing:1px;color:#777c86}footer span:first-child{color:#c5c7cc;font-weight:700}@media(max-width:560px){.topbar{height:60px}.channel-link{font-size:8px}.player-frame{aspect-ratio:16/10;border-radius:9px}.channel-panel,.follow-card{padding:17px}.input-row{flex-direction:column}.input-row button{width:100%}.follow-card{align-items:flex-start;flex-direction:column}.follow-card>a{width:100%}main{padding-top:25px}}