.radio-shell{display:grid;grid-template-columns:320px 1fr;border:1px solid var(--line);background:var(--panel);min-height:430px}.radio-cover{display:grid;place-items:center;background:radial-gradient(circle,#25133d,#090a0a 70%)}.disc{width:220px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 3px,#262323 4px 5px);display:grid;place-items:center;border:1px solid #454}.disc:after{content:'BRsys';width:70px;aspect-ratio:1;border-radius:50%;background:var(--violet);display:grid;place-items:center;font-weight:900}.disc.playing{animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.radio-panel{padding:45px}.radio-panel h2{font-size:38px;margin:40px 0 5px}.radio-meta{color:var(--muted);font-size:13px}.radio-progress{height:3px;background:#29322e;margin:40px 0 10px}.radio-progress i{display:block;width:0;height:100%;background:var(--neon)}.radio-time{display:flex;justify-content:space-between;font:10px monospace;color:#738078}.radio-controls{display:flex;gap:12px;margin-top:30px}.radio-controls button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.radio-controls .play{width:60px;height:60px;background:var(--neon);color:#071006}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 12px;border-radius:40px;cursor:pointer;font-size:11px}.filters button.active{color:#071006;background:var(--cyan)}