*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0f;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex}button,input{font:inherit}.container{width:100%;max-width:480px;padding:2rem}.station-name{text-align:center;background:linear-gradient(135deg,#ff6b6b,#ffa36b,#ff6bcd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.offline-banner{text-align:center;color:#f87171;background:#2a1a1a;border:1px solid #3a2020;border-radius:12px;margin-bottom:1rem;padding:.8rem 1rem;font-size:.95rem;font-weight:600}.cover{aspect-ratio:1;object-fit:cover;background:#111119;border:1px solid #1e1e2e;border-radius:14px;width:100%;margin-bottom:1rem}.now-playing,.up-next{background:#14141f;border:1px solid #1e1e2e;border-radius:16px;margin-bottom:1.5rem;padding:2rem}.up-next{background:#111119;border-color:#1a1a2a;border-radius:12px;padding:1.2rem}.label{text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:.5rem;font-size:.7rem}.track-title{color:#fff;overflow-wrap:anywhere;margin-bottom:.3rem;font-size:1.4rem;font-weight:600}.up-next .track-title{font-size:1rem}.track-artist{color:#888;overflow-wrap:anywhere;font-size:1rem}.up-next .track-artist{font-size:.85rem}.track-genre{color:#555;margin-top:.3rem;font-size:.8rem}.pulse{background:#f44;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1.5s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.votes{justify-content:center;align-items:center;gap:20px;margin:8px 0;display:flex}.vote-btn{cursor:pointer;opacity:.85;color:#fff;background:0 0;border:none;font-size:1.5em;transition:opacity .2s,transform .15s}.vote-btn:hover{opacity:1;transform:scale(1.05)}.vote-btn.dimmed{opacity:.4}.vote-count{vertical-align:middle;color:#fff;font-size:.7em}.player{text-align:center;margin-bottom:1.5rem}.play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#ff6bcd);border:none;border-radius:50%;width:64px;height:64px;font-size:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #ff6b6b4d}.play-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px #ff6b6b80}.play-btn.playing{background:linear-gradient(135deg,#444,#666);box-shadow:0 4px 20px #6464644d}.volume-control{justify-content:center;align-items:center;gap:10px;margin-top:1rem;display:flex}.volume-icon{cursor:pointer;-webkit-user-select:none;user-select:none;color:#888;font-size:1.2rem}.volume-slider{appearance:none;background:#2a2a3a;border-radius:2px;outline:none;width:160px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#ff6bcd);border-radius:50%;width:16px;height:16px}.volume-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#ff6bcd);border:none;border-radius:50%;width:16px;height:16px}.ios-volume-note{color:#555;font-size:.8rem}.info-toggle,.stations-link{text-align:left;color:#ddd;cursor:pointer;background:#111119;border:1px solid #1a1a2a;border-radius:12px;width:100%;margin-top:-.5rem;margin-bottom:.7rem;padding:.9rem 1rem;font-size:.95rem}.info-content{color:#aaa;background:#111119;border:1px solid #1a1a2a;border-radius:12px;margin-bottom:1.2rem;padding:.9rem 1rem;font-size:.9rem;line-height:1.4}.stations-link-wrap{margin:.8rem 0 1.2rem}.stations-link{text-align:center;margin:0;text-decoration:none;transition:border-color .2s,background .2s;display:block}.stations-link:hover{background:#151524;border-color:#ff6bcd}.history{margin-top:1rem}.history-item{border-bottom:1px solid #1a1a2a;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.history-item:last-child{border-bottom:none}.history-title{color:#aaa;overflow-wrap:anywhere;font-size:.9rem}.history-artist{color:#555;overflow-wrap:anywhere;font-size:.8rem}.history-time{color:#444;white-space:nowrap;font-size:.75rem}.empty{color:#444;text-align:center;padding:1rem;font-style:italic}.copyright-footer{text-align:center;color:#666;margin-top:1.2rem;padding:.8rem 0 .2rem;font-size:.75rem}