@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg: #08080A;--bg-raised: #0A0A0B;--bg-sidebar: #0C0C0E;--bg-card: #101013;--bg-card-2: #0D0D0F;--bg-panel: #141418;--bg-topbar: #131316;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-hairline: rgba(255, 255, 255, .05);--accent: #D8FF47;--accent-hover: #EBFF94;--accent-dim: rgba(216, 255, 71, .08);--accent-dim-border: rgba(216, 255, 71, .35);--text-1: #F2F2F0;--text-1b: #F7F7F5;--text-2: #EDEDEB;--text-3: #C9C9CC;--text-4: #A5A5AA;--text-5: #8A8A8F;--text-6: #85858A;--text-7: #6B6B70;--text-8: #55555A;--font-sans: "Instrument Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--bp-desktop: 900px;--sidebar-w: 232px;--now-panel-w: 336px;--bottom-nav-h: 76px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-2);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input{font-family:inherit;color:inherit}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-7)}@keyframes eq1{0%,to{height:4px}50%{height:14px}}@keyframes eq2{0%,to{height:12px}40%{height:5px}70%{height:16px}}@keyframes eq3{0%,to{height:8px}30%{height:16px}60%{height:3px}}.eq{display:flex;align-items:flex-end;gap:2px;height:16px}.eq span{width:3px;background:var(--accent);border-radius:1px}.eq span:nth-child(1){animation:eq1 .9s ease-in-out infinite}.eq span:nth-child(2){animation:eq2 1.1s ease-in-out infinite}.eq span:nth-child(3){animation:eq3 .8s ease-in-out infinite}.app{display:flex;flex-direction:column;min-height:100vh}.app__body{flex:1;display:flex;min-height:0}.app__main{flex:1;min-width:0;display:flex;flex-direction:column;padding-bottom:var(--bottom-nav-h)}@media (min-width: 900px){.app__main{padding-bottom:0}}.sidebar{display:none}@media (min-width: 900px){.sidebar{display:flex;flex-direction:column;width:var(--sidebar-w);flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-sidebar);padding:22px 14px;gap:26px}}.sidebar__brand{padding:0 8px;font-size:19px;font-weight:700;color:var(--text-1);letter-spacing:-.02em}.sidebar__station{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:13px;border:1px solid var(--accent-dim-border);background:var(--accent-dim)}.sidebar__station-name{font-size:14px;font-weight:600;color:var(--text-2)}.sidebar__station-live{font-family:var(--font-mono);font-size:10px;color:var(--accent);letter-spacing:.08em}.sidebar__nav{display:flex;flex-direction:column;gap:4px}.sidebar__nav-item{padding:11px 14px;border-radius:11px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-4);background:transparent;border:none;text-align:left;width:100%}.sidebar__nav-item:hover{color:var(--text-1)}.sidebar__nav-item.is-active{color:#08080a;background:var(--accent)}.sidebar__nav-item.is-active:hover{color:#08080a}.sidebar__stats{margin-top:auto;padding:14px;border-radius:13px;background:var(--bg-card);border:1px solid var(--border-hairline);display:flex;flex-direction:column;gap:5px}.sidebar__stats-count{font-family:var(--font-mono);font-size:20px;color:var(--text-1)}.sidebar__stats-label{font-size:12px;color:var(--text-7);line-height:1.4}.now-rail{display:none}@media (min-width: 900px){.now-rail{display:flex;flex-direction:column;width:var(--now-panel-w);flex-shrink:0;border-left:1px solid var(--border);background:var(--bg-sidebar)}}.now-rail__current{padding:22px 20px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.now-rail__title{font-size:22px;line-height:1.1;font-weight:600;color:var(--text-1b);letter-spacing:-.02em}.now-rail__artist{font-size:14px;color:var(--text-4)}.now-rail__meta{font-family:var(--font-mono);font-size:11px;color:var(--text-7)}.now-rail__body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;scrollbar-width:none}.rail-heading{display:flex;align-items:baseline;justify-content:space-between}.top-mini{display:flex;flex-direction:column;gap:10px}.top-mini__row{display:flex;gap:12px;align-items:center;cursor:pointer;padding:6px;border-radius:10px;border:none;background:none;width:100%;text-align:left;color:inherit;font:inherit}.top-mini__row:hover{background:var(--bg-card)}.top-mini__rank{font-family:var(--font-mono);font-size:14px;width:20px;flex-shrink:0}.top-mini__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.top-mini__title{font-size:14px;font-weight:500;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-mini__bar-track{height:3px;border-radius:2px;background:rgba(255,255,255,.06);overflow:hidden}.top-mini__bar-fill{height:100%;border-radius:2px;background:var(--accent)}.top-mini__count{font-family:var(--font-mono);font-size:12px;color:var(--text-6);flex-shrink:0}.heat-box{margin-top:6px;padding:16px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-hairline);display:flex;flex-direction:column;gap:10px}.heat-chart{display:flex;align-items:flex-end;gap:3px;height:54px}.heat-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.heat-bar__fill{width:100%;border-radius:2px 2px 0 0;background:rgba(255,255,255,.14)}.heat-bar__fill.is-hot{background:var(--accent)}.heat-bar__fill.is-warm{background:rgba(216,255,71,.45)}.heat-bar__label{font-family:var(--font-mono);font-size:8px;color:var(--text-8)}.view-header{flex-shrink:0;padding:22px 20px 16px;display:flex;flex-direction:column;gap:14px;border-bottom:1px solid var(--border)}@media (min-width: 900px){.view-header{padding:22px 28px 16px}}.view-header__row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.view-header__title-group{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.view-header__title{font-size:20px;font-weight:700;color:var(--text-1);letter-spacing:-.02em}@media (min-width: 900px){.view-header__title{font-size:24px}}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:7px 14px;border-radius:10px;font-size:13px;cursor:pointer;border:1px solid var(--border-strong);color:var(--text-4);background:transparent;font-family:inherit}.chip.is-active{border-color:var(--accent-dim-border);color:var(--accent);background:rgba(216,255,71,.1)}.chip--hour{width:42px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);padding:0}.chip--hour-all{width:auto;padding:0 12px;font-family:inherit}.chip--date{color-scheme:dark;font-family:var(--font-mono);color:var(--text-5)}.chip--date:hover{border-color:var(--accent)}.chip-scroller{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.search-box{display:flex;align-items:center;gap:10px;height:44px;border-radius:13px;background:var(--bg-card);border:1px solid var(--border-strong);padding:0 14px}.search-box__icon{color:var(--text-7);font-size:15px}.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text-2);font-size:14px}.search-box__clear{color:var(--text-5);font-size:17px;cursor:pointer;line-height:1;background:none;border:none}.search-link{display:flex;align-items:center;gap:10px;width:300px;max-width:100%;height:38px;border-radius:11px;background:var(--bg-card);border:1px solid var(--border-strong);padding:0 13px;cursor:pointer;color:var(--text-7);font-size:13px}.search-link:hover{border-color:var(--accent)}.view-body{flex:1;overflow-y:auto;padding:10px 10px 26px;scrollbar-width:none}@media (min-width: 900px){.view-body{padding:10px 20px 26px}}.play-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;cursor:pointer;border:none;background:none;width:100%;text-align:left;color:inherit;font:inherit;border-bottom:1px solid transparent}.play-row:hover{background:var(--bg-card)}@media (min-width: 900px){.play-row{gap:20px;border-radius:12px;border-bottom:1px solid var(--border-hairline)}}.play-row__time{font-family:var(--font-mono);font-size:12px;color:var(--text-7);width:42px;flex-shrink:0}@media (min-width: 900px){.play-row__time{font-size:13px;width:48px}}.play-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}@media (min-width: 900px){.play-row__body{flex-direction:row;align-items:baseline;gap:14px}}.play-row__title{font-size:15px;font-weight:500;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.play-row__artist{font-size:13px;color:var(--text-6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}@media (min-width: 900px){.play-row__artist{font-size:14px}}.play-row__plays{font-family:var(--font-mono);font-size:12px;color:var(--text-8);flex-shrink:0}.play-row__save{width:32px;height:32px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-7);font-size:15px;cursor:pointer;background:none;border:none}.play-row__save:hover{color:var(--accent);background:rgba(255,255,255,.05)}.play-row__save.is-saved{color:var(--accent)}.rank-badge{font-family:var(--font-mono);font-size:17px;width:26px;flex-shrink:0;color:var(--text-8)}.rank-badge.is-top{color:var(--accent)}.top-row{display:flex;align-items:center;gap:14px;padding:13px 8px;border-radius:14px;cursor:pointer;border:none;background:none;width:100%;text-align:left;color:inherit;font:inherit}.top-row:hover{background:var(--bg-card)}.top-row__title-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.top-row__bar-track{height:3px;border-radius:2px;background:rgba(255,255,255,.06);overflow:hidden}.top-row__bar-fill{height:100%;border-radius:2px}.empty-state{padding:60px 40px;text-align:center;font-size:14px;line-height:1.6;color:var(--text-7)}.suggestion-list{display:flex;flex-wrap:wrap;gap:7px}.suggestion{padding:8px 13px;border-radius:20px;border:1px solid var(--border-strong);font-size:13px;color:var(--text-4);cursor:pointer;background:none}.suggestion:hover{border-color:var(--accent);color:var(--accent)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;border-top:1px solid var(--border);background:var(--bg-card-2);padding:10px 8px calc(env(safe-area-inset-bottom,0px) + 10px);z-index:20}@media (min-width: 900px){.bottom-nav{display:none}}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;padding:6px 0;background:none;border:none;color:var(--text-7)}.bottom-nav__dot{width:18px;height:2px;border-radius:2px;background:transparent}.bottom-nav__item.is-active{color:var(--accent)}.bottom-nav__item.is-active .bottom-nav__dot{background:var(--accent)}.bottom-nav__label{font-size:12px;font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(4,4,5,.6);display:flex;align-items:flex-end;justify-content:center;z-index:40}@media (min-width: 900px){.modal-overlay{align-items:center}}.track-modal{width:100%;max-width:480px;max-height:92vh;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column}@media (min-width: 900px){.track-modal{border-radius:var(--radius-xl);max-height:82vh}}.track-modal__head{display:flex;align-items:center;gap:12px;padding:18px 20px 8px}.track-modal__back{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-3);cursor:pointer;background:none;font-size:16px;flex-shrink:0}.track-modal__back:hover{border-color:var(--accent);color:var(--accent)}.track-modal__body{padding:0 22px 24px;display:flex;flex-direction:column;gap:22px}.track-modal__title{font-size:28px;line-height:1.08;font-weight:600;color:var(--text-1b);letter-spacing:-.025em}.track-modal__artist{font-size:16px;color:var(--text-4)}.track-modal__actions{display:flex;gap:8px}.btn-primary{flex:1;height:46px;border-radius:14px;background:var(--accent);color:#08080a;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{width:46px;height:46px;flex-shrink:0;border-radius:14px;border:1px solid var(--border-strong);color:var(--text-3);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;background:none}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost.is-saved{color:var(--accent);border-color:var(--accent-dim-border)}.btn-block{height:44px;border-radius:14px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-2);font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-block:hover{border-color:var(--accent)}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-row{display:flex;gap:8px}.stat-tile{flex:1;padding:14px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-hairline);display:flex;flex-direction:column;gap:4px}.stat-tile__value{font-family:var(--font-mono);font-size:22px;color:var(--text-1)}.stat-tile__value.is-accent{color:var(--accent)}.stat-tile__label{font-size:11px;color:var(--text-6);line-height:1.3}.track-modal__section{display:flex;flex-direction:column;gap:10px}.station-pill{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;color:var(--text-3);border:1px solid var(--border-strong);padding:6px 11px;border-radius:20px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skeleton{animation:skeleton-pulse 1.4s ease-in-out infinite;background:var(--bg-card);border-radius:var(--radius-sm)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}