:root{--bg-color:#000;--text-primary:#fff;--text-secondary:#fff9;--accent:#fa243c;--glass-bg:#1e1e1eb3;--glass-border:#ffffff1a;--ambient-color:#202020}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;overflow-x:hidden}.ambient-bg{background:radial-gradient(circle at 50% 50%, var(--ambient-color) 0%, var(--bg-color) 70%);z-index:-2;width:100vw;height:100vh;transition:background 1.5s ease-in-out;animation:8s ease-in-out infinite alternate breathe;position:fixed;top:0;left:0}@keyframes breathe{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.ambient-overlay{-webkit-backdrop-filter:blur(80px)saturate(150%);z-index:-1;background-color:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}#app{max-width:800px;margin:0 auto;padding:0 0 120px}header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;padding:40px 24px 16px;display:flex}.page-title{letter-spacing:-.5px;font-size:2.2rem;font-weight:700}.user-avatar{width:36px;height:36px;color:var(--accent)}main{padding:24px}.section-title{margin-bottom:20px;font-size:1.25rem;font-weight:600}.station-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;display:grid}.station-card{cursor:pointer;flex-direction:column;transition:transform .2s cubic-bezier(.2,0,0,1);display:flex}.station-card:active{transform:scale(.95)}.artwork-wrapper{aspect-ratio:1;background-color:#1a1a1a;border-radius:12px;width:100%;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.station-card img{object-fit:cover;width:100%;height:100%;transition:opacity .3s}.card-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.95rem;font-weight:500;overflow:hidden}.card-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:.8rem;overflow:hidden}.station-card.active .card-title{color:var(--accent)}.player-container{z-index:100;justify-content:center;width:100%;padding:16px;display:flex;position:fixed;bottom:0;left:0}.player-bar{border-radius:20px;align-items:center;gap:16px;width:100%;max-width:600px;padding:12px 20px;transition:transform .3s;display:flex;box-shadow:0 20px 40px #0009}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)saturate(180%);border:1px solid var(--glass-border)}.np-artwork-container{background-color:#000;border-radius:10px;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}#np-logo{object-fit:cover;width:100%;height:100%}.visualizer{opacity:0;background:#00000080;justify-content:center;align-items:center;gap:3px;transition:opacity .2s;display:flex;position:absolute;inset:0}.visualizer.active{opacity:1}.v-bar{background-color:#fff;border-radius:2px;width:3px;animation:1.2s ease-in-out infinite alternate equalize}.v-bar:first-child{height:10px;animation-delay:.1s}.v-bar:nth-child(2){height:20px;animation-delay:.4s}.v-bar:nth-child(3){height:12px;animation-delay:.2s}@keyframes equalize{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.np-info{flex:1;min-width:0}#np-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1rem;font-weight:600;overflow:hidden}#np-subtitle{color:var(--text-secondary);font-size:.85rem}.controls{align-items:center;gap:16px;display:flex}.btn-control{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-control svg{fill:currentColor;width:28px;height:28px}#btn-play-pause svg{width:36px;height:36px}@media (width<=480px){.station-grid{grid-template-columns:repeat(2,1fr)}}