:root{color:#f2f2f2;background:#0e0e10;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.app{max-width:640px;margin:0 auto;padding:16px 16px 180px}h1{margin:8px 0 16px;font-size:28px}.stations{margin:0;padding:0;list-style:none}.station{text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.station:hover{background:#1b1b1f}.station.selected{background:#24242a}.station-text{flex-direction:column;min-width:0;display:flex}.station-title{font-weight:600}.station-subtitle{color:#9a9aa2;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.dot{vertical-align:middle;background:#444;border-radius:50%;width:7px;height:7px;display:inline-block}.dot.live{background:#ff3b30}.player{padding:16px max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181ceb;border-top:1px solid #2a2a30;justify-items:center;gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0}.now{align-items:center;gap:12px;width:100%;max-width:600px;display:flex}.now-text{min-width:0}.artwork{object-fit:cover;background:#2a2a30;border-radius:6px;flex:none;display:block}.track-title{font-size:18px;font-weight:600}.track-artist{color:#9a9aa2;font-size:14px}.controls{align-items:center;gap:12px;display:flex}.controls button{background:#2a2a30;border-radius:8px;padding:8px 12px}.controls .play{color:#0e0e10;background:#f2f2f2;border-radius:50%;width:48px;height:48px}.live-badge{color:#ff3b30;padding:6px 10px;font-size:13px;font-weight:600}.controls .live-badge.behind{color:#f2f2f2;background:#3a3a42}.status{color:#6a6a72;font-size:12px}