@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.visualizer[data-v-3114def6]{display:flex;align-items:flex-end;gap:2px;width:150px;height:38px;opacity:.35;transition:opacity .3s}.visualizer.active[data-v-3114def6]{opacity:1}.bar[data-v-3114def6]{flex:1;height:3px;min-height:3px;background:#c8f34a;border-radius:1px;transform-origin:bottom}.bar[data-v-3114def6]:nth-child(5n+1){background:#a58cff}.visualizer.active .bar[data-v-3114def6]{animation:viz-bounce-3114def6 .8s ease-in-out infinite alternate}.visualizer:not(.active) .bar[data-v-3114def6]{animation:none;height:3px}@keyframes viz-bounce-3114def6{0%{height:3px;opacity:.4}to{height:calc(3px + var(--h, 70%));opacity:1}}.bar[data-v-3114def6]:nth-child(1){--h: 60%}.bar[data-v-3114def6]:nth-child(2){--h: 85%}.bar[data-v-3114def6]:nth-child(3){--h: 45%}.bar[data-v-3114def6]:nth-child(4){--h: 95%}.bar[data-v-3114def6]:nth-child(5){--h: 70%}.bar[data-v-3114def6]:nth-child(6){--h: 55%}.bar[data-v-3114def6]:nth-child(7){--h: 88%}.bar[data-v-3114def6]:nth-child(8){--h: 40%}.bar[data-v-3114def6]:nth-child(9){--h: 75%}.bar[data-v-3114def6]:nth-child(10){--h: 92%}.bar[data-v-3114def6]:nth-child(11){--h: 50%}.bar[data-v-3114def6]:nth-child(12){--h: 68%}.bar[data-v-3114def6]:nth-child(13){--h: 82%}.bar[data-v-3114def6]:nth-child(14){--h: 45%}.bar[data-v-3114def6]:nth-child(15){--h: 90%}.bar[data-v-3114def6]:nth-child(16){--h: 60%}.bar[data-v-3114def6]:nth-child(17){--h: 78%}.bar[data-v-3114def6]:nth-child(18){--h: 52%}.bar[data-v-3114def6]:nth-child(19){--h: 85%}.bar[data-v-3114def6]:nth-child(20){--h: 65%}.bar[data-v-3114def6]:nth-child(21){--h: 48%}.bar[data-v-3114def6]:nth-child(22){--h: 92%}.bar[data-v-3114def6]:nth-child(23){--h: 70%}.bar[data-v-3114def6]:nth-child(24){--h: 55%}.bar[data-v-3114def6]:nth-child(25){--h: 80%}.bar[data-v-3114def6]:nth-child(26){--h: 62%}.ambient-bg[data-v-a5862b5e]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:#0b0d13}.ambient-canvas[data-v-a5862b5e]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.85}.ambient-glow[data-v-a5862b5e]{position:absolute;top:0;right:0;bottom:0;left:0;transition:background 1.2s ease;animation:glow-drift-a5862b5e 22s ease-in-out infinite alternate;will-change:transform}@media (prefers-reduced-motion: reduce){.ambient-glow[data-v-a5862b5e]{animation:none}}@keyframes glow-drift-a5862b5e{0%{transform:translate(0) scale(1)}50%{transform:translate(-2%) scale(1.04)}to{transform:translate(2%) scale(1.02)}}.offline-banner[data-v-a3c3266c]{position:fixed;top:0;left:0;right:0;z-index:4000;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;background:#0c0e14f0;border-bottom:1px solid rgba(200,243,74,.35);color:#f2f4f8;font-size:13px;line-height:1.3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offline-dot[data-v-a3c3266c]{width:8px;height:8px;border-radius:50%;background:#ff947d;box-shadow:0 0 0 4px #ff947d29;flex:none}.offline-text[data-v-a3c3266c]{flex:1;min-width:0}.offline-retry[data-v-a3c3266c]{flex:none;border:1px solid rgba(200,243,74,.55);border-radius:999px;background:transparent;color:#c8f34a;font:inherit;font-size:12px;padding:4px 12px;cursor:pointer}.offline-retry[data-v-a3c3266c]:active{background:#c8f34a1f}.offline-slide-enter-active[data-v-a3c3266c],.offline-slide-leave-active[data-v-a3c3266c]{transition:transform .22s ease,opacity .22s ease}.offline-slide-enter-from[data-v-a3c3266c],.offline-slide-leave-to[data-v-a3c3266c]{transform:translateY(-100%);opacity:0}.upd-card[data-v-f4f43701]{position:fixed;right:18px;bottom:18px;z-index:9500;width:min(340px,calc(100vw - 36px));padding:16px 16px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-high);box-shadow:0 18px 48px #0000008c;color:var(--text)}.upd-head[data-v-f4f43701]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.upd-badge[data-v-f4f43701]{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--bg);background:var(--lime);border-radius:999px;padding:3px 8px}.upd-x[data-v-f4f43701]{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.upd-x[data-v-f4f43701]:hover{color:var(--text)}.upd-title[data-v-f4f43701]{margin:0 0 6px;font-size:15px;font-weight:600}.upd-note[data-v-f4f43701]{margin:0 0 10px;font-size:12px;line-height:1.55;color:var(--muted);white-space:pre-wrap;max-height:96px;overflow-y:auto}.upd-bar[data-v-f4f43701]{height:6px;border-radius:999px;background:var(--panel-soft);overflow:hidden;margin:4px 0 8px}.upd-bar>i[data-v-f4f43701]{display:block;height:100%;background:linear-gradient(90deg,var(--lime),var(--blue));transition:width .2s ease}.upd-hint[data-v-f4f43701]{margin:0 0 10px;font-size:12px;color:var(--muted)}.upd-hint.error[data-v-f4f43701]{color:var(--coral)}.upd-actions[data-v-f4f43701]{display:flex;gap:8px;margin-top:4px}.upd-btn[data-v-f4f43701]{flex:1;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);color:var(--text);font-size:13px;cursor:pointer}.upd-btn[data-v-f4f43701]:hover{background:var(--panel)}.upd-btn.primary[data-v-f4f43701]{border-color:transparent;background:var(--lime);color:var(--bg);font-weight:600}.upd-btn.primary[data-v-f4f43701]:hover{filter:brightness(1.06)}.upd-fade-enter-active[data-v-f4f43701],.upd-fade-leave-active[data-v-f4f43701]{transition:opacity .22s ease,transform .22s ease}.upd-fade-enter-from[data-v-f4f43701],.upd-fade-leave-to[data-v-f4f43701]{opacity:0;transform:translateY(10px)}:root{color-scheme:dark;--bg: #0b0d13;--panel: #11141d;--panel-soft: #171b26;--panel-high: #1d2230;--line: rgba(255,255,255,.08);--text: #f1f2ed;--muted: #8e95a5;--quiet: #5c6372;--lime: #c8f34a;--violet: #a58cff;--coral: #ff947d;--blue: #77d7ff;--yellow: #ffcf6d;--sidebar: 232px;--rail: 285px;--player: 92px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%;overflow-x:hidden}html{background:#0b0d13}body{min-width:0;background:#0b0d13;color:var(--text);font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;padding:0 0 var(--player);background:transparent;position:relative;z-index:1}.app-shell.immersive-active>*:not(.ambient-bg):not(.immersive-player):not(.toast):not(.modal-layer){display:none!important}.back-immersive{position:fixed;z-index:60;top:14px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:20px;background:#c8f34aeb;color:#15190e;font:700 12px DM Sans;box-shadow:0 6px 24px #00000059}.back-immersive:hover{background:#d9ff69}.immersive-fab{position:fixed;z-index:120;right:18px;bottom:calc(96px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border:none;border-radius:28px;background:linear-gradient(135deg,#c8f34a,#9bd62e);color:#15190e;font:700 14px DM Sans;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 30px #00000073,0 0 0 1px #ffffff1f inset;transition:transform .15s ease,box-shadow .15s ease}.immersive-fab:before{font-size:16px;line-height:1}.immersive-fab:hover{transform:translateY(-2px);box-shadow:0 14px 36px #00000080,0 0 0 1px #ffffff2e inset}.immersive-fab:active{transform:translateY(0) scale(.97)}.sidebar{position:fixed;z-index:10;inset:0 auto var(--player) 0;width:var(--sidebar);padding:29px 20px 20px;border-right:1px solid var(--line);background:#0d0f16;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 38px}.brand-mark{width:27px;height:27px;display:flex;align-items:end;gap:3px;transform:skewY(-18deg)}.brand-mark span{display:block;width:5px;border-radius:5px;background:var(--lime)}.brand-mark span:nth-child(1){height:11px;opacity:.55}.brand-mark span:nth-child(2){height:20px}.brand-mark span:nth-child(3){height:27px;opacity:.78}.brand-mark span:nth-child(4){height:16px;opacity:.42}.brand strong{display:block;font:700 15px/1 Space Grotesk;letter-spacing:.08em}.brand strong span{color:var(--lime)}.brand small{display:block;margin-top:5px;color:var(--quiet);font:10px/1 DM Mono;letter-spacing:.08em}.main-nav{display:grid;gap:8px}.nav-item{height:43px;padding:0 13px;border-radius:9px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;transition:.2s ease}.nav-item:hover{background:#ffffff0b;color:var(--text)}.nav-item.active{background:#c8f34a1c;color:var(--lime)}.nav-icon{width:17px;font-size:21px;line-height:1;font-family:Arial,sans-serif}.nav-count{margin-left:auto;min-width:20px;padding:3px 5px;border-radius:10px;background:#c8f34a26;color:var(--lime);text-align:center;font:10px DM Mono}.nav-divider{height:1px;margin:32px 8px 23px;background:var(--line)}.nav-label,.eyebrow{margin:0;color:var(--quiet);font:10px DM Mono;letter-spacing:.16em}.nav-label{padding:0 13px 13px}.genre-list{display:grid;gap:5px}.genre-item{display:flex;align-items:center;gap:10px;padding:9px 13px;background:transparent;color:var(--muted);border-radius:7px;text-align:left;font-size:12px}.genre-item:hover{background:#ffffff0a;color:var(--text)}.genre-dot{width:7px;height:7px;border-radius:50%}.genre-arrow{margin-left:auto;color:var(--quiet)}.sidebar-footer{margin-top:auto;padding:18px 8px 3px;border-top:1px solid var(--line)}.api-badge{display:flex;gap:9px;align-items:center;margin-bottom:15px}.api-badge b{display:block;color:var(--muted);font:9px DM Mono;letter-spacing:.08em}.api-badge small{display:block;margin-top:3px;color:var(--quiet);font-size:10px}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #c8f34a14}.sidebar-footer a{color:var(--quiet);font:10px DM Mono;text-decoration:none}.sidebar-footer a:hover{color:var(--lime)}.content{margin-left:var(--sidebar);margin-right:var(--rail);padding:0 34px 55px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumbs{color:var(--muted);font:10px DM Mono;letter-spacing:.08em}.breadcrumbs span{color:var(--quiet)}.breadcrumbs i{padding:0 9px;color:#424857;font-style:normal}.breadcrumbs b{color:var(--text);font-weight:500}.top-actions{display:flex;align-items:center;gap:13px}.search-box{width:250px;height:35px;padding:0 8px 0 11px;border:1px solid var(--line);border-radius:7px;background:#ffffff06;display:flex;align-items:center;gap:9px}.search-icon{color:var(--muted);font:23px/1 Arial;transform:rotate(-18deg)}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.search-box input::placeholder{color:var(--quiet)}.search-box kbd{padding:3px 5px;color:var(--quiet);border:1px solid var(--line);border-radius:4px;font:9px DM Mono}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:16px}.icon-button:hover{color:var(--text);background:var(--panel-soft)}.hero-card{min-height:305px;margin-top:28px;padding:40px 43px;border:1px solid rgba(200,243,74,.16);border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(115deg,#1e2723,#151b26 47%,#1e1830);display:flex}.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(11,13,19,.4),transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:510px}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow-line{width:17px;height:1px;background:var(--lime)}.hero-card h1{margin:18px 0 14px;font:600 clamp(32px,3.4vw,49px)/1.03 "Space Grotesk";letter-spacing:-.06em}.hero-card h1 em{color:var(--lime);font-style:normal}.hero-desc{max-width:405px;margin:0;color:#9ba59d;font-size:12px;line-height:1.75}.hero-cta{margin-top:22px;padding:11px 17px;border-radius:6px;background:var(--lime);color:#15190e;font:700 11px DM Sans}.hero-cta span{padding-right:6px;font-size:10px}.hero-cta:hover{background:#d9ff69;transform:translateY(-1px)}.hero-art{position:absolute;top:0;right:0;bottom:0;left:49%;overflow:hidden}.frequency-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background:linear-gradient(90deg,transparent 49.7%,rgba(200,243,74,.38) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(200,243,74,.38) 50%,transparent 50.3%);background-size:32px 32px;transform:rotate(-17deg) scale(1.35)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:250px;height:250px;top:-68px;right:45px;background:radial-gradient(circle at 33% 32%,rgba(200,243,74,.75),rgba(126,104,237,.2) 42%,transparent 70%)}.orb-two{width:190px;height:190px;bottom:-80px;right:170px;background:radial-gradient(circle at 50% 40%,rgba(255,148,125,.55),rgba(165,140,255,.05) 65%,transparent 70%)}.orb-three{width:90px;height:90px;top:49px;right:215px;border:1px solid rgba(200,243,74,.7);box-shadow:0 0 35px #c8f34a3b}.hero-disc{position:absolute;width:166px;height:166px;top:71px;right:105px;border-radius:50%;background:repeating-radial-gradient(circle,#0a0d10e6,#0a0d10e6,#c8f34a45,#0a0d10d6 3px);box-shadow:0 0 0 1px #c8f34a73,20px 20px 50px #00000047;transform:rotate(22deg)}.disc-center{position:absolute;top:60px;right:60px;bottom:60px;left:60px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px #0b0d13d9}.art-label{position:absolute;color:#c8f34ab3;font:9px DM Mono;letter-spacing:.1em}.label-a{right:24px;top:29px}.label-b{left:23px;bottom:25px}.section-block{margin-top:39px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2,.rail-heading h2{margin:8px 0 0;font:600 21px Space Grotesk;letter-spacing:-.04em}.heading-actions{display:flex;align-items:center;gap:15px}.text-button,.more-button{background:transparent;color:var(--muted);font-size:11px}.text-button:hover{color:var(--lime)}.text-button span{padding-left:8px;color:var(--lime)}.loading-note{display:flex;align-items:center;gap:7px;color:var(--quiet);font:10px DM Mono}.spinner{width:10px;height:10px;border:1px solid var(--quiet);border-top-color:var(--lime);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.station-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 15px}.station-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.station-card{min-width:0;animation:rise .45s both;animation-delay:var(--delay)}.station-cover{width:100%;aspect-ratio:1.2 / 1;position:relative;overflow:hidden;border-radius:9px;background:var(--panel-high);display:grid;place-items:center}.station-cover:before{content:"";position:absolute;width:68%;height:68%;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 13px #ffffff0a,0 0 0 27px #ffffff06}.station-cover img{position:absolute;width:48%;height:48%;object-fit:contain;border-radius:50%;z-index:1;filter:saturate(.9)}.cover-fallback{position:absolute;z-index:0;font:600 42px Space Grotesk;color:#ffffffa6}.station-cover img+.cover-fallback{opacity:0}.cover-play{position:absolute;z-index:3;right:10px;bottom:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#15190e;font-size:11px;opacity:0;transform:translateY(4px);transition:.2s}.station-cover:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.station-cover:hover .cover-play{opacity:1;transform:translateY(0)}.tone-lime{background:linear-gradient(140deg,#283423,#637d31)}.tone-violet{background:linear-gradient(140deg,#29233e,#6c5e9d)}.tone-coral{background:linear-gradient(140deg,#3c2628,#a45e51)}.tone-blue{background:linear-gradient(140deg,#172e3b,#36788b)}.tone-yellow{background:linear-gradient(140deg,#3d3420,#a18439)}.playing-bars{position:absolute;z-index:4;left:10px;bottom:9px;height:16px;display:flex;align-items:center;gap:2px}.playing-bars i{width:2px;height:6px;background:var(--lime);animation:bars .8s ease-in-out infinite alternate}.playing-bars i:nth-child(2){height:13px;animation-delay:.12s}.playing-bars i:nth-child(3){height:9px;animation-delay:.24s}.playing-bars i:nth-child(4){height:15px;animation-delay:.36s}@keyframes bars{to{height:4px}}.station-meta{padding:11px 1px 0}.station-title-row{min-width:0;display:flex;justify-content:space-between;gap:6px;align-items:center}.station-meta h3{overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis;font:600 13px DM Sans}.favorite-button{flex:0 0 auto;padding:0;background:transparent;color:var(--quiet);font-size:19px;line-height:1}.favorite-button:hover,.favorite-button.liked{color:var(--coral)}.station-meta p{overflow:hidden;margin:6px 0 8px;color:var(--quiet);white-space:nowrap;text-overflow:ellipsis;font:10px DM Mono}.meta-separator{padding:0 3px;color:#424857}.tag-row{display:flex;gap:5px;overflow:hidden}.tag-row span{padding:3px 6px;border:1px solid var(--line);border-radius:3px;color:var(--muted);font:9px DM Mono;white-space:nowrap}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mood-card{min-height:125px;padding:16px;position:relative;overflow:hidden;border-radius:9px;text-align:left;display:flex;flex-direction:column;align-items:start;transition:.2s}.mood-card:hover{transform:translateY(-3px)}.mood-lime{background:#c8f34a;color:#17200d}.mood-violet{background:#9d8bf5;color:#1b1533}.mood-coral{background:#eb8978;color:#321917}.mood-blue{background:#72c6e5;color:#142a32}.mood-symbol{font:31px Space Grotesk;line-height:1;opacity:.75}.mood-card strong{margin-top:auto;font:600 14px Space Grotesk}.mood-card small{margin-top:3px;font:9px DM Mono;opacity:.7}.mood-arrow{position:absolute;top:16px;right:16px;font-size:18px}.empty-state{padding:52px 20px;border:1px dashed var(--line);border-radius:10px;text-align:center}.empty-state.small{margin-top:20px;padding:32px}.empty-mark{color:var(--lime);font:42px Space Grotesk}.empty-state h3{margin:9px 0 5px;font:600 16px Space Grotesk}.empty-state p{margin:0;color:var(--muted);font-size:11px}.outline-button{margin-top:18px;padding:9px 14px;border:1px solid rgba(200,243,74,.35);border-radius:5px;background:transparent;color:var(--lime);font-size:11px}.ambient-channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ambient-channel{min-height:92px;padding:15px 16px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#ffffff08;display:flex;flex-direction:column;align-items:start;gap:4px;text-align:left;transition:.22s ease;position:relative;overflow:hidden}.ambient-channel:after{content:"";position:absolute;inset:auto -30% -70% 50%;width:160%;height:110%;background:radial-gradient(circle at 50% 100%,currentColor,transparent 62%);opacity:.14;pointer-events:none}.ambient-channel:hover{transform:translateY(-3px);border-color:currentColor;box-shadow:0 12px 28px #00000040}.ambient-channel-emoji{font-size:21px;line-height:1}.ambient-channel-name{margin-top:7px;font:600 14px Space Grotesk}.ambient-channel-tags{color:var(--quiet);font:9px DM Mono;letter-spacing:.04em}.ch-lime{color:#c8f34a}.ch-violet{color:#a58cff}.ch-blue{color:#72c6e5}.ch-purple{color:#c48bff}.ch-cyan{color:#6fe3d5}.ch-teal{color:#7ad7a0}.ch-magenta{color:#ff8fd0}.ch-indigo{color:#8fa3ff}.load-more-wrap{display:flex;justify-content:center;margin-top:28px}.load-more-button{padding:11px 32px;border:1px solid rgba(200,243,74,.3);border-radius:7px;background:#c8f34a0f;color:var(--lime);font:600 12px Space Grotesk;letter-spacing:.04em;cursor:pointer;transition:.2s}.load-more-button:hover:not(:disabled){background:#c8f34a24;border-color:#c8f34a8c}.load-more-button:disabled{opacity:.5;cursor:default}.right-rail{position:fixed;z-index:5;top:0;right:0;bottom:var(--player);width:var(--rail);padding:31px 24px;border-left:1px solid var(--line);background:#0d0f16}.rail-heading{position:relative}.rail-heading h2{font-size:18px}.more-button{position:absolute;right:0;bottom:1px;font-size:18px;letter-spacing:2px}.queue-card{margin-top:22px;padding:16px 15px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.queue-head{display:flex;justify-content:space-between;color:var(--muted);font:10px DM Mono}.queue-status{color:var(--lime)}.queue-status .pulse-dot{width:5px;height:5px;margin-right:5px}.queue-list{margin-top:10px}.queue-item{width:100%;padding:9px 0;border-top:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:9px;text-align:left}.queue-item:first-child{border-top:0}.queue-cover{width:32px;height:32px;flex:0 0 auto;border-radius:5px;background:linear-gradient(135deg,#3c4c2e,#a58cff);display:grid;place-items:center;overflow:hidden}.queue-cover img{width:100%;height:100%;object-fit:cover}.queue-cover img+b{display:none}.queue-cover b{font:600 13px Space Grotesk;color:#fff}.queue-name{min-width:0;display:flex;flex-direction:column;gap:3px}.queue-name strong{overflow:hidden;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px}.queue-name small{color:var(--quiet);font:9px DM Mono}.queue-play{margin-left:auto;color:var(--lime);font-size:11px}.queue-empty{padding:17px 0 10px;color:var(--quiet);text-align:center;font:10px/1.8 DM Mono}.tip-card{margin-top:18px;padding:20px;border-radius:9px;background:linear-gradient(150deg,#201a31,#171b28)}.tip-kicker{color:var(--violet);font:9px DM Mono;letter-spacing:.11em}.tip-card h3{margin:13px 0 8px;font:600 18px Space Grotesk}.tip-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.tip-card button{margin-top:19px;padding:0;background:transparent;color:var(--violet);font:10px DM Mono}.stats-card{margin-top:18px;padding:17px 3px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats-card div+div{border-left:1px solid var(--line)}.stats-card strong{display:block;color:var(--lime);font:600 16px Space Grotesk}.stats-card span{display:block;margin-top:4px;color:var(--quiet);font:9px DM Mono}.player-bar{position:fixed;z-index:20;inset:auto 0 0;height:var(--player);padding:0 32px 0 26px;border-top:1px solid rgba(255,255,255,.1);background:#0f1118f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:minmax(240px,1fr) 340px minmax(230px,1fr);align-items:center;gap:25px}.player-station{min-width:0;display:flex;align-items:center;gap:13px}.player-cover{width:50px;height:50px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:linear-gradient(140deg,#c8f34a,#8374e8);color:#14180e;font:700 20px Space Grotesk}.player-cover img{width:100%;height:100%;object-fit:cover}.player-cover img+span{display:none}.player-cover.placeholder{background:#1b202c;color:var(--quiet)}.player-text{min-width:0;display:flex;flex-direction:column;gap:4px}.player-text span{color:var(--lime);font:9px DM Mono;letter-spacing:.08em}.player-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.player-text small{color:var(--quiet);font:9px DM Mono}.player-controls{display:flex;justify-content:center;align-items:center;gap:17px}.player-icon,.skip-button{padding:0;background:transparent;color:var(--muted);font-size:17px}.player-icon:hover,.skip-button:hover{color:var(--text)}.skip-button{font-size:22px}.play-button{width:42px;height:42px;border-radius:50%;background:var(--lime);color:#14180e;font-size:13px}.play-button:hover{background:#dbff6a;transform:scale(1.04)}.player-progress{display:flex;align-items:center;gap:10px;color:var(--quiet);font:9px DM Mono}.progress-track{height:4px;flex:1;position:relative;border-radius:9px;background:#2a303d;cursor:pointer}.progress-fill{height:100%;border-radius:inherit;background:var(--lime)}.progress-thumb{position:absolute;top:-3px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--lime);opacity:0}.progress-track:hover .progress-thumb{opacity:1}.toast{position:fixed;z-index:50;right:30px;bottom:112px;padding:11px 15px;border:1px solid rgba(200,243,74,.22);border-radius:6px;background:#1e2821;color:var(--lime);font:11px DM Mono;box-shadow:0 8px 28px #0000004d;animation:toast-in .25s ease both}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1280px){:root{--sidebar: 210px;--rail: 250px}.content{padding-left:27px;padding-right:27px}.hero-card{padding-left:32px}.hero-art{left:46%}.station-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.station-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.player-bar{grid-template-columns:minmax(200px,1fr) 280px minmax(180px,1fr);gap:15px}}@media (max-width: 980px){body{min-width:0}.sidebar{width:72px;padding:25px 11px}.brand{padding:0 10px 35px}.brand>div:last-child,.nav-item span:not(.nav-icon),.nav-label,.genre-item span:not(.genre-dot),.sidebar-footer{display:none}.nav-item{justify-content:center;padding:0}.nav-icon{margin:0}.content{margin-left:72px;margin-right:0;padding:0 25px 45px}.right-rail{display:none}.hero-art{left:50%}.station-grid,.station-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.player-bar{grid-template-columns:1fr 250px 1fr;padding:0 18px}.player-progress{display:none}.ambient-channel-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){:root{--player: 76px}body{min-width:0;overflow-x:hidden}.app-shell{padding-bottom:calc(var(--player) + 64px)}.sidebar{inset:auto 0 0;width:100%;height:64px;padding:4px 8px;border-top:1px solid var(--line);border-right:0;background:#0d0f16fa;flex-direction:row}.brand,.nav-divider,.nav-label,.genre-list,.sidebar-footer{display:none}.main-nav{width:100%;grid-template-columns:repeat(4,1fr);gap:4px}.nav-item{height:56px;min-width:0;padding:4px 2px;border-radius:8px;justify-content:center;gap:3px;text-align:center;font-size:10px}.nav-item span:not(.nav-icon){display:block;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.nav-icon{width:auto;font-size:18px}.nav-count{display:none!important}.content{margin:0;padding:0 15px 26px}.topbar{height:auto;min-height:70px;padding:14px 0 12px;align-items:stretch;flex-direction:column;gap:12px}.breadcrumbs{font-size:9px}.top-actions{width:100%;gap:8px}.search-box{width:auto;flex:1;height:38px}.search-box kbd{display:none}.icon-button,.avatar{width:38px;height:38px}.hero-card{min-height:0;margin-top:16px;padding:25px 22px 0;display:block}.hero-card h1{margin-top:15px;font-size:clamp(31px,10vw,43px)}.hero-desc{max-width:none;font-size:11px;line-height:1.7}.hero-cta{min-height:42px;margin-top:18px;padding:0 16px}.hero-art{position:relative;inset:auto;height:145px;margin:10px -22px 0}.hero-disc{width:126px;height:126px;top:8px;right:50%;transform:translate(50%) rotate(22deg)}.disc-center{top:45px;right:45px;bottom:45px;left:45px}.orb-one{width:190px;height:190px;top:-50px;right:0}.orb-two{width:140px;height:140px;bottom:-50px;left:3px}.orb-three{width:62px;height:62px;top:34px;right:19%}.label-a{top:13px;right:14px}.label-b{bottom:11px;left:15px}.section-block{margin-top:31px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:16px}.section-heading h2{margin-top:7px;font-size:19px}.heading-actions{gap:8px}.text-button{white-space:nowrap;font-size:10px}.loading-note{font-size:9px}.station-grid,.station-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.station-cover{aspect-ratio:1 / .92;border-radius:8px}.station-cover:before{width:70%;height:70%;box-shadow:0 0 0 9px #ffffff0a,0 0 0 18px #ffffff06}.cover-play{width:34px;height:34px;right:8px;bottom:8px;opacity:1;transform:none}.station-meta{padding-top:9px}.station-meta h3{font-size:12px}.station-meta p{margin:5px 0 7px;font-size:9px}.favorite-button{font-size:20px}.tag-row span{padding:3px 5px;font-size:8px}.genre-section{margin-top:37px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mood-card{min-height:112px;padding:14px}.mood-symbol{font-size:27px}.mood-card strong{font-size:13px}.mood-card small{font-size:8px}.mood-arrow{top:13px;right:13px}.empty-state{padding:38px 16px}.player-bar{inset:auto 0 64px;height:var(--player);padding:9px 13px;display:flex;gap:10px;justify-content:space-between}.player-station{min-width:0;flex:1;gap:9px}.player-cover{width:48px;height:48px}.player-text{gap:3px}.player-text span{font-size:8px}.player-text strong{font-size:11px}.player-text small{overflow:hidden;max-width:145px;white-space:nowrap;text-overflow:ellipsis;font-size:8px}.player-controls{flex:0 0 auto;gap:10px}.player-controls .skip-button,.player-controls .player-icon:last-child{display:none}.player-controls .player-icon:first-child{font-size:20px}.play-button{width:40px;height:40px}.toast{right:14px;bottom:calc(var(--player) + 78px);left:14px;text-align:center;font-size:10px}}@media (max-width: 380px){.content{padding-left:12px;padding-right:12px}.hero-card{padding-left:18px;padding-right:18px}.hero-art{margin-left:-18px;margin-right:-18px}.station-grid,.station-grid.compact{gap:18px 9px}.station-meta h3{font-size:11px}.station-meta p{font-size:8px}.player-bar{padding-left:9px;padding-right:9px}.player-text strong{max-width:110px}.player-controls{gap:7px}}.locale-select{height:34px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#ffffff06;color:var(--muted);font:10px DM Mono;outline:0}.locale-select:hover{color:var(--text)}.login-button{height:34px;padding:0 15px;border:1px solid rgba(200,243,74,.35);border-radius:7px;background:transparent;color:var(--lime);font-size:11px}.login-button:hover{background:#c8f34a1a}.station-card-actions{flex:0 0 auto;display:flex;align-items:center;gap:7px}.share-button{padding:0;background:transparent;color:var(--quiet);font-size:15px;line-height:1;transform:rotate(90deg)}.share-button:hover{color:var(--lime)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#05070bbd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:toast-in .2s ease both}.modal-panel{position:relative;width:min(420px,92vw);max-height:86vh;overflow-y:auto;padding:26px;border:1px solid var(--line);border-radius:14px;background:#141822;box-shadow:0 24px 70px #00000080}.modal-close{position:absolute;top:14px;right:16px;width:28px;height:28px;border-radius:50%;background:transparent;color:var(--quiet);font-size:19px;line-height:1}.modal-close:hover{color:var(--text);background:var(--panel-soft)}.auth-tabs{display:flex;gap:6px}.auth-tabs button{padding:7px 14px;border-radius:6px;background:transparent;color:var(--muted);font:10px DM Mono;letter-spacing:.08em}.auth-tabs button.active{background:#c8f34a1f;color:var(--lime)}.auth-title{margin:18px 0 6px;font:600 24px Space Grotesk;letter-spacing:-.04em}.auth-form{display:grid;gap:12px;margin-top:18px}.auth-form label{display:grid;gap:6px;color:var(--muted);font:10px DM Mono;letter-spacing:.06em}.auth-form input{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#ffffff08;color:var(--text);outline:0;font-size:13px}.auth-form input:focus{border-color:#c8f34a66}.form-error{margin:0;color:var(--coral);font-size:11px}.primary-btn{height:42px;border-radius:7px;background:var(--lime);color:#15190e;font:700 12px DM Sans}.primary-btn:hover{background:#d9ff69}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:var(--quiet);font:9px DM Mono}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.oauth-row{display:grid;grid-template-columns:1fr;gap:10px}.oauth-btn{height:38px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--text);font-size:12px}.oauth-btn:hover{border-color:#c8f34a59;color:var(--lime)}.oauth-note{margin:12px 0 0;color:var(--quiet);font-size:10px;text-align:center}.otp-code-row{display:flex;gap:8px}.otp-code-row input{min-width:0;flex:1}.otp-send{flex:0 0 auto;height:40px;padding:0 12px;border:1px solid rgba(200,243,74,.35);border-radius:7px;background:transparent;color:var(--lime);font-size:11px;white-space:nowrap}.otp-send:disabled{opacity:.45;cursor:not-allowed}.otp-note{margin:0;color:var(--blue);font-size:11px;line-height:1.5;word-break:break-all}.alt-login{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.alt-btn{height:36px;border:1px dashed rgba(255,255,255,.22);border-radius:7px;background:transparent;color:var(--muted);font-size:11px}.alt-btn:hover{color:var(--text);border-color:#fff6}.user-menu{position:relative}.user-dropdown{position:absolute;z-index:55;top:42px;right:0;width:190px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#141822;box-shadow:0 18px 50px #00000073;display:grid;gap:3px}.dropdown-scrim{position:fixed;z-index:54;top:0;right:0;bottom:0;left:0;background:transparent}.dropdown-user{padding:9px 10px 11px;border-bottom:1px solid var(--line);margin-bottom:5px}.dropdown-user strong{display:block;font:600 13px Space Grotesk}.dropdown-user small{display:block;margin-top:3px;color:var(--quiet);font:9px DM Mono;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown button{padding:9px 10px;border-radius:6px;background:transparent;color:var(--muted);text-align:left;font-size:12px}.user-dropdown button:hover{background:#ffffff0d;color:var(--text)}.user-dropdown button.danger:hover{color:var(--coral)}.user-dropdown button.immersive-menu-item{color:#a58cff;font-weight:600}.user-dropdown button.immersive-menu-item:hover{background:#a58cff1f;color:#c4b5ff}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#15190e;background:var(--lime);font:700 10px Space Grotesk}.chat-panel{position:fixed;z-index:45;right:20px;bottom:calc(var(--player) + 18px);width:322px;height:460px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#0f121af7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #00000073}.chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:17px 16px 13px;border-bottom:1px solid var(--line)}.chat-head .eyebrow{font-size:9px}.chat-station{max-width:170px;margin:7px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px Space Grotesk}.chat-live{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.chat-live-dot{display:flex;align-items:center;gap:5px;color:var(--lime);font:9px DM Mono}.chat-danmaku-toggle{padding:4px 8px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--quiet);font:9px DM Mono}.chat-danmaku-toggle.active{color:var(--violet);border-color:#a58cff66}.chat-body{min-height:0;flex:1;display:flex;flex-direction:column}.chat-list{min-height:0;flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:9px}.chat-msg{display:flex;gap:8px;align-items:baseline;font-size:12px;line-height:1.5;word-break:break-word}.chat-msg b{flex:0 0 auto;color:var(--lime);font:600 10px DM Mono;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-msg span{color:var(--text)}.chat-no-messages{margin:0;color:var(--quiet);text-align:center;font-size:11px;padding-top:20px}.chat-input-row{display:flex;gap:7px;padding:10px 12px;border-top:1px solid var(--line);align-items:center}.chat-mode{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:14px}.chat-mode.active{color:var(--violet);border-color:#a58cff66}.chat-input-row input{min-width:0;flex:1;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#ffffff08;color:var(--text);outline:0;font-size:11px}.chat-input-row input:focus{border-color:#c8f34a66}.chat-send{flex:0 0 auto;height:30px;padding:0 11px;border-radius:6px;background:var(--lime);color:#15190e;font:700 10px DM Sans}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-empty{flex:1;display:grid;place-items:center;align-content:center;gap:10px;color:var(--quiet);text-align:center;font-size:11px;line-height:1.7;padding:20px}.danmaku-layer{position:fixed;z-index:38;top:84px;left:0;right:0;height:42%;overflow:hidden;pointer-events:none}.danmaku-item{position:absolute;left:100%;white-space:nowrap;font:700 15px Space Grotesk;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.5);animation-name:danmaku-fly;animation-timing-function:linear;animation-fill-mode:both}@keyframes danmaku-fly{0%{transform:translate(0)}to{transform:translate(-115vw)}}.settings-scrim{position:fixed;z-index:46;top:0;right:0;bottom:0;left:0;background:transparent}.settings-popover{position:fixed;z-index:47;right:20px;bottom:calc(var(--player) + 18px);width:300px;max-height:calc(100vh - var(--player) - 36px);overflow-y:auto;padding:18px;border:1px solid var(--line);border-radius:12px;background:#141822;box-shadow:0 20px 55px #00000073}.settings-kicker{margin:0 0 11px;color:var(--violet);font:9px DM Mono;letter-spacing:.12em}.sleep-options{display:flex;flex-wrap:wrap;gap:6px}.sleep-options button{padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:10px}.sleep-options button:hover{color:var(--text)}.sleep-options button.active{color:var(--lime);border-color:#c8f34a66;background:#c8f34a14}.sleep-countdown{margin:11px 0 0;color:var(--lime);font:10px DM Mono}.settings-divider{height:1px;margin:16px 0;background:var(--line)}.alarm-row{display:flex;gap:7px;align-items:center}.alarm-time{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#ffffff08;color:var(--text);font:11px DM Mono;outline:0}.alarm-save{height:32px;padding:0 11px;border-radius:6px;background:var(--lime);color:#15190e;font:700 10px DM Sans}.alarm-clear{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:10px}.alarm-clear:hover{color:var(--coral)}.alarm-station{margin:11px 0 0;color:var(--quiet);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-modal{width:min(470px,92vw)}.stats-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 4px}.stats-numbers div{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);text-align:center}.stats-numbers strong{display:block;color:var(--lime);font:600 19px Space Grotesk}.stats-numbers span{display:block;margin-top:4px;color:var(--quiet);font:9px DM Mono}.stats-label{margin:18px 0 9px;color:var(--quiet);font:9px DM Mono;letter-spacing:.1em}.stats-chart{padding:14px 14px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.bars{display:flex;align-items:flex-end;gap:4px;height:92px}.bar-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}.bar{width:100%;max-width:16px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--lime),rgba(200,243,74,.25));animation:rise .4s both}.bar-day{color:var(--quiet);font:8px DM Mono}.top-list{display:grid;gap:2px}.top-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid var(--line)}.top-row:first-child{border-top:0}.top-rank{color:var(--quiet);font:10px DM Mono;flex-shrink:0}.top-logo{width:24px;height:24px;border-radius:50%;flex-shrink:0;object-fit:cover}.top-name,.top-row strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.top-time{flex-shrink:0;color:var(--muted);font:11px DM Mono}.top-row strong{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.top-time{color:var(--muted);font:9px DM Mono}.stats-loading,.stats-error{padding:34px 0;text-align:center;color:var(--quiet);font-size:11px}.stats-empty{padding:16px 0 6px;color:var(--quiet);font-size:11px;text-align:center}.player-right{min-width:0;display:flex;flex-direction:column;gap:3px;align-items:stretch}.visualizer{display:block;width:100%;height:26px;opacity:.85}.player-tools{display:flex;gap:6px;justify-content:flex-end;align-items:center}.player-tool{padding:3px 7px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--quiet);font:9px DM Mono;white-space:nowrap}.player-tool:hover,.player-tool.active{color:var(--lime);border-color:#c8f34a4d}.player-tool.immersive-btn{color:var(--violet);border-color:#a58cff59;font-size:13px;padding:3px 8px}.player-tool.immersive-btn:hover{color:#a58cff;background:#a58cff1a}@media (max-width: 1280px){.visualizer{display:none}.chat-panel,.settings-popover{right:14px}}@media (max-width: 980px){.chat-panel,.settings-popover{right:12px}}@media (max-width: 700px){.chat-panel{inset:auto 10px calc(var(--player) + 70px) 10px;width:auto;height:46vh}.settings-popover{right:10px;left:10px;width:auto;bottom:calc(var(--player) + 70px)}.player-tools{gap:4px}.player-tool{padding:2px 5px;font-size:8px}.modal-panel{width:94vw}.danmaku-item{font-size:13px}}.map-block{position:relative}.map-toggle{display:flex;gap:8px;margin-bottom:12px}.map-toggle button{padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#999;font-size:13px;cursor:pointer}.map-toggle button.active{background:#c8f34a26;border-color:#c8f34a80;color:#c8f34a}html,body{background:#0b0d13}.app-shell{padding-top:env(safe-area-inset-top)}.hero-cta.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);margin-left:10px}
