.radio-page{min-height:100vh;background:var(--w-black);padding-top:var(--nav-height)}.radio-hero{position:relative;min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:center;overflow:hidden}.radio-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,rgba(230,0,0,.15) 0,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(230,0,0,.08) 0,transparent 50%),radial-gradient(ellipse at 20% 70%,rgba(230,0,0,.06) 0,transparent 40%);animation:radioHeroPulse 8s ease-in-out infinite alternate}@keyframes radioHeroPulse{0%{opacity:.7}to{opacity:1}}.radio-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center;width:100%;max-width:700px}.radio-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;letter-spacing:3px;color:var(--w-white);background:rgba(230,0,0,.15);border:1px solid var(--w-red-30);padding:.4rem 1.2rem;text-transform:uppercase}.radio-dot{width:8px;height:8px;background:var(--w-red-neon);border-radius:50%;animation:pings 1.5s infinite}.radio-title{font-size:clamp(3rem,10vw,6rem);font-weight:900;color:var(--w-white);letter-spacing:.15em;line-height:1;text-shadow:0 0 40px rgba(230,0,0,.3)}.radio-subtitle{font-size:.85rem;font-weight:600;letter-spacing:4px;color:var(--w-ash)}.radio-visualizer{width:100%;max-width:640px;height:120px;display:flex;align-items:flex-end;justify-content:center;margin:1rem 0}.radio-now-playing{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-height:60px}.radio-artist{font-size:.8rem;font-weight:700;letter-spacing:2px;color:var(--w-red-neon);text-transform:uppercase}.radio-track{font-size:1.4rem;font-weight:800;color:var(--w-white);max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-source{font-size:.7rem;color:var(--w-ash);letter-spacing:1px;text-transform:uppercase}.radio-controls{display:flex;align-items:center;gap:2rem;margin-top:1rem}.radio-play-btn{width:72px;height:72px;border-radius:50%;border:2px solid var(--w-red);background:rgba(230,0,0,.1);color:var(--w-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.radio-play-btn:hover{background:var(--w-red);box-shadow:0 0 30px rgba(230,0,0,.5);transform:scale(1.05)}.radio-volume{display:flex;align-items:center;gap:.5rem;color:var(--w-ash)}.radio-volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:4px;background:var(--w-slate);border-radius:2px;outline:none;cursor:pointer}.radio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--w-red);cursor:pointer;-webkit-transition:box-shadow .2s;transition:box-shadow .2s}.radio-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 8px rgba(230,0,0,.6)}.radio-history{max-width:700px;margin:0 auto;padding:3rem 2rem 4rem}.radio-history-title{font-size:.85rem;font-weight:800;letter-spacing:3px;color:var(--w-ash);margin-bottom:1.5rem;border-bottom:1px solid var(--w-border);padding-bottom:.5rem}.radio-history-list{display:flex;flex-direction:column;gap:0}.radio-history-item{display:flex;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--w-border-subtle);transition:background .15s}.radio-history-item:hover{background:rgba(230,0,0,.04)}.radio-history-idx{font-size:.75rem;font-weight:800;color:var(--w-red);width:24px;flex-shrink:0}.radio-history-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.radio-history-track{font-size:.95rem;font-weight:700;color:var(--w-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-history-artist{font-size:.8rem;color:var(--w-ash)}.radio-history-time{font-size:.75rem;color:var(--w-ash);flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:640px){.radio-title{font-size:3rem}.radio-controls{gap:1.5rem}.radio-play-btn{width:60px;height:60px}.radio-history{padding:2rem 1rem 3rem}}