[data-theme=dark]{--page-bg: #1e1e2e;--page-text: #cdd6f4;--page-subtext: #a6adc8;--page-surface: #313244}[data-theme=light]{--page-bg: #eff1f5;--page-text: #4c4f69;--page-subtext: #6c6f85;--page-surface: #ccd0da}:root{--card-bg: #181825;--card-bg-hover: #313244;--card-surface0: #313244;--card-text: #cdd6f4;--card-subtext1: #bac2de;--card-subtext0: #a6adc8;--ctp-red: #f38ba8;--ctp-peach: #fab387;--ctp-green: #a6e3a1;--ctp-blue: #89b4fa;--ctp-base: #1e1e2e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";background:var(--page-bg);color:var(--page-text);transition:background-color .3s,color .3s;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 0;max-width:1400px;margin:0 auto}.page-header h1{font-size:1.25rem;font-weight:600;color:var(--page-text)}.theme-toggle{background:var(--page-surface);border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;color:var(--page-text);cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:6px}.theme-toggle:hover{opacity:.8}.stream-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:24px;max-width:1400px;margin:0 auto}.stream-card{background:var(--card-bg);border-radius:12px;overflow:hidden;cursor:pointer;transition:background-color .2s,box-shadow .3s}.stream-card:hover{background:var(--card-bg-hover)}.stream-card.playing{box-shadow:0 0 20px var(--ctp-green),0 0 40px #a6e3a14d}.stream-card__cover-wrapper{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--card-surface0)}.stream-card__cover-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s}.stream-card__meta{padding:10px 12px 12px}.stream-card__title{font-size:.85rem;font-weight:600;color:var(--card-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-card__artist{font-size:.78rem;color:var(--card-subtext1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.stream-card__album{font-size:.72rem;color:var(--card-subtext0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.offset-badge{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700;z-index:2;line-height:1.4}.offset-badge--live{background:var(--ctp-red);color:var(--ctp-base)}.offset-badge--offset{background:#1e1e2ebf;color:var(--card-text)}.on-air-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:700;background:var(--ctp-red);color:var(--ctp-base);z-index:2;animation:pulse 2s ease-in-out infinite;line-height:1.4}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.progress-bar{width:100%;height:3px;background:var(--card-surface0);border-radius:2px;overflow:hidden;margin:6px 0 2px}.progress-bar__fill{height:100%;background:var(--ctp-peach);border-radius:2px;width:0%}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--card-surface0);color:var(--card-subtext0);font-size:2rem}