*{box-sizing:border-box}body{margin:0;background:#0a0e16;color:#edf2ff;font:16px system-ui,sans-serif;min-height:100vh}main{max-width:840px;margin:auto;padding:60px 22px}header{margin-bottom:35px}.tag{font-size:12px;letter-spacing:2px;color:#5ee7c3}h1{font-size:clamp(42px,9vw,70px);letter-spacing:-3px;margin:15px 0}h1 span{color:#5ee7c3}header p,footer,.hint{color:#9ba9bd}section{background:#131c2a;border:1px solid #26354b;border-radius:24px;padding:30px;box-shadow:0 24px 80px #0004}.onair{color:#5ee7c3;font-size:12px;letter-spacing:2px}h2{font-size:30px;margin:20px 0 8px}#status{color:#bac7dc;min-height:48px}.stations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}button{font:inherit;cursor:pointer;border:1px solid #34455e;border-radius:12px;background:#1b283b;color:#edf2ff;padding:16px;text-align:left;min-height:52px}button[aria-pressed=true]{border-color:#5ee7c3;background:#153b3a}small{display:block;color:#a5b5c9;font-size:12px;margin-top:6px}button:focus-visible,input:focus-visible{outline:3px solid #b7a4ff;outline-offset:4px}.play{width:100%;text-align:center;background:#5ee7c3;color:#082621;border:0;font-weight:750;margin:0 0 28px}label{display:flex;justify-content:space-between}input{width:100%;accent-color:#5ee7c3;margin-top:16px;height:30px}.hint{font-size:12px;line-height:1.5}footer{text-align:center;font-size:12px;line-height:1.9;margin-top:24px}@media(max-width:560px){main{padding:32px 16px}section{padding:22px}.stations{grid-template-columns:1fr}h1{letter-spacing:-2px}#status{min-height:55px}}
.health{font-weight:700;color:#c5b6ff}.health[data-state=online]{color:#5ee7c3}.health[data-state=offline]{color:#ff9d9d}#activity{min-height:20px;color:#5ee7c3}