:root{color-scheme:dark;--bg:#111210;--panel:#1b1d19;--line:#33362c;--acid:#d5ff45;--muted:#8b9080}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f2f3e9;font-family:Arial,Helvetica,sans-serif}main{max-width:1800px;padding:0 36px;margin:auto}button,a{-webkit-tap-highlight-color:transparent}button{font:700 11px Arial;letter-spacing:.7px;color:inherit;background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer;min-height:44px;padding:0 20px}button:hover{border-color:var(--acid);color:var(--acid)}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:4px}header{height:78px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:16px}.brand{color:inherit;text-decoration:none;font-size:18px;font-weight:900;letter-spacing:-.6px}.logo{color:var(--acid);font-size:28px;vertical-align:middle;margin-right:7px}.tv{color:var(--acid);margin-left:3px}.onair{margin-left:auto;color:#a4aa97;font:10px monospace;letter-spacing:1px}i{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--acid);margin-right:8px}.icon{font-size:24px;padding:0 12px;border:0}.intro{display:flex;justify-content:space-between;align-items:center;padding:38px 0 32px}.eyebrow{font:10px monospace;color:var(--acid);letter-spacing:2px;margin:0 0 12px}h1{font-size:clamp(52px,7.8vw,116px);letter-spacing:-7px;line-height:.94;font-weight:900;margin:0}h1 span{color:var(--acid)}h1 sup{font-size:20px;vertical-align:top;letter-spacing:0;margin-left:8px}.subtitle{color:#a2a694;font-size:14px;margin:20px 0 0}.stamp{display:grid;position:relative;font-size:43px;font-weight:900;border:1px solid #566139;border-radius:50%;width:145px;height:145px;place-content:center;transform:rotate(12deg);color:var(--acid);text-align:center}.stamp small{font:8px monospace;margin-top:4px}.stamp>span{position:absolute;right:-12px;bottom:5px;font-size:50px;background:var(--bg)}.toolbar{display:flex;gap:10px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.primary{background:var(--acid);color:#111;border-color:var(--acid);display:flex;gap:14px;align-items:center}.primary:hover{background:#e4ff91;color:#111}.dose{display:flex;border:1px solid var(--line);border-radius:6px;align-items:center;margin-right:auto}.dose button{font-size:23px;border:0;padding:0 16px}.dose span{min-width:100px;text-align:center}.dose small{font:9px monospace;color:var(--muted)}.grid-caption{display:flex;justify-content:space-between;color:var(--muted);font:9px monospace;letter-spacing:1px;padding:24px 0 13px}.grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:14px}.grid.many{grid-template-columns:repeat(3,minmax(320px,1fr))}.card{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#1b1d19}.screen{position:relative;background:#090a08;aspect-ratio:16/9;min-height:180px}.screen iframe,.screen video{display:block;border:0;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.card-head{display:flex;gap:10px;align-items:center;height:46px;padding:0 13px}.number{font:10px monospace;color:var(--acid);background:#303a1c;padding:5px 6px}.category{font-size:12px;font-weight:700}.provider{font:8px monospace;color:var(--muted);margin-left:auto}.next{border:0;font-size:18px;padding:0 5px;min-height:32px}.notice{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:12px;background:radial-gradient(ellipse at center,#303725,#151711);text-align:center;padding:20px;color:#b6bda8;font-size:12px}.notice strong{color:var(--acid);font-size:30px}.notice[hidden]{display:none}.select{background:#23271d;border:1px solid #535c41;color:#e6ebdb;padding:8px;max-width:100%;border-radius:4px}footer{display:flex;justify-content:space-between;gap:24px;font:9px monospace;color:#777e6a;line-height:1.6;padding:22px 0}footer #status{text-align:center;max-width:520px}body:fullscreen{overflow:auto}@media(min-width:1600px){.screen{max-height:460px}}@media(max-width:1080px){.grid.many{grid-template-columns:repeat(2,minmax(320px,1fr))}.stamp{width:115px;height:115px;font-size:32px}}@media(max-width:720px){main{padding:0 14px}header{height:62px}.onair{font-size:8px;max-width:115px;line-height:1.5}h1{letter-spacing:-3px}.intro{padding:30px 0}.stamp{display:none}.toolbar{flex-wrap:wrap;padding:10px}.toolbar button{padding:0 12px}.primary{flex:1}.dose{margin-right:0}.toolbar>#shuffle,.toolbar>#sound{flex:1}.grid,.grid.many{grid-template-columns:minmax(0,1fr)}.grid-caption{font-size:8px}.grid-caption>span:last-child{display:none}footer{flex-direction:column;gap:8px}footer #status{text-align:left}}