@font-face{font-family:Areal;src:url(/areal.woff2) format("woff2");font-weight:400;font-style:normal}:root{font-family:Areal,sans-serif;line-height:1.6;color:#e0e0e0;background-color:#111}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}body{margin:0;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.radio{display:flex;flex-direction:column;min-height:100vh}.topbar{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:1.5rem 2rem}.topbar h1{font-size:14px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;margin:0}.channel-info{margin:0;color:#666;font-size:14px;text-align:center}.topbar button{justify-self:end}.now-playing{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.block-text{margin:0 0 .75rem;font-size:1rem;line-height:1.7;color:#ccc;white-space:pre-wrap;max-width:480px}.block-meta{margin:0;font-size:.7rem;color:#555}button{font-family:inherit;font-size:14px;padding:0;background:transparent;border:none;color:#e0e0e0;cursor:pointer;display:flex;align-items:center;gap:.4em}button:hover:not(:disabled){color:#fff}button:disabled{color:#444;cursor:default}.play-icon{display:inline-block;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}.stop-icon{display:inline-block;width:8px;height:8px;background:currentColor}@media(max-width:600px){.topbar{grid-template-columns:1fr;gap:.75rem;text-align:center}.topbar button{justify-self:center}}