.media-host-audio{display:none}.app-grid{min-height:100dvh;padding-bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom) + 24px)}.has-player .app-grid{padding-bottom:calc(var(--bottom-nav) + var(--player-height) + env(safe-area-inset-bottom) + 24px)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;height:74px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--bg)}.topbar-start,.topbar-end,.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand{width:max-content;flex:none}.brand-mark{width:39px;height:42px;object-fit:contain}.brand-name{font-family:var(--heading-font);font-size:28px;font-weight:800;letter-spacing:-.07em;line-height:1}.brand-dot{color:var(--purple)}.brand-name small{display:block;margin:5px 0 0 2px;font-family:DM Sans,sans-serif;font-size:8px;font-weight:500;letter-spacing:.4em;line-height:1}.topbar-search{display:none;position:relative;flex:1;max-width:570px;margin:0}.topbar-search input{width:100%;min-height:46px!important;padding:10px 66px 10px 47px!important;border-color:var(--line)!important;border-radius:12px!important;background:var(--panel)!important;font-size:.87rem}.topbar-search input:focus{border-color:var(--purple)!important}.sb-submit{position:absolute;left:2px;top:2px;width:42px;height:42px;border:0;color:var(--muted);background:none;font-size:20px}.search-shortcut{position:absolute;top:13px;right:13px;padding:0 6px;border:1px solid var(--line);border-radius:4px;color:var(--subtle);font-size:11px;font-family:inherit}.account-link{display:inline-flex;align-items:center;gap:9px;min-width:44px;min-height:44px;max-width:180px;padding:3px;border-radius:50%}.account-link>span:not(.avatar){display:none}.avatar{display:grid;flex:none;width:37px;height:37px;place-items:center;border:2px solid var(--line-bright);border-radius:50%;background:var(--panel-raised);color:var(--purple);overflow:hidden;font-size:17px}.avatar img{width:100%;height:100%;object-fit:cover}.topbar-download,.offline-indicator{display:none}.offline-indicator.offline{display:inline-flex;color:var(--danger)}.notification-link{position:relative}.notification-badge{position:absolute;display:grid;place-items:center;top:4px;right:3px;min-width:16px;height:16px;padding:0 3px;border:2px solid var(--bg);border-radius:50%;color:#20102c;background:#d0a1ff;font-size:9px;font-weight:800}.menu-toggle{display:inline-flex}.sidebar{position:fixed;z-index:80;inset:0 auto 0 0;display:flex;flex-direction:column;width:min(290px,85vw);padding:30px 20px 22px;transform:translate(-105%);border-right:1px solid var(--line);background:var(--bg-deep);transition:transform .22s;overflow-y:auto;overscroll-behavior:contain}.sidebar.open{transform:none}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin:0 6px 32px}.nav-list{display:grid;gap:5px}.nav-label{margin:20px 14px 10px;color:var(--subtle);font-size:.62rem;letter-spacing:.17em;font-weight:700;text-transform:uppercase}.nav-label:first-child{margin-top:0}.nav-link{display:flex;align-items:center;gap:13px;min-width:0;min-height:48px;padding:12px 15px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:.9rem;font-weight:500;text-align:left;transition:background .16s,color .16s}.nav-link:hover{background:var(--panel);color:var(--ink)}.nav-link.active{color:var(--purple-bright);background:linear-gradient(90deg,#af5fff38,#9b46e114);font-weight:700}.nav-link.active .nav-icon{color:var(--purple)}.nav-icon{display:grid;width:21px;flex:none;place-items:center;font-size:21px}.nav-link.active:after{content:"";width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--purple)}.sidebar-promo{position:relative;display:grid;gap:7px;margin:32px 0 20px;padding:19px 16px;border:1px solid var(--line-bright);border-radius:16px;background:radial-gradient(ellipse at 90% 0,rgba(175,86,255,.2),transparent 80%),var(--panel);overflow:hidden}.sidebar-promo>.icn{width:26px;height:26px;color:var(--purple);margin-bottom:5px}.sidebar-promo strong{font-family:var(--heading-font);font-size:.88rem;letter-spacing:-.03em}.sidebar-promo p{margin:0 0 5px;color:var(--muted);font-size:.75rem;line-height:1.5}.sidebar-promo .text-btn{justify-content:flex-start;padding:0;font-size:.78rem}.sidebar-tools{display:grid;gap:4px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.sidebar-tools .nav-link{font-size:.83rem;min-height:44px}.sidebar-footer{display:flex;gap:14px;margin:22px 14px 0;color:var(--subtle);font-size:.67rem}.sidebar-footer a:hover{color:var(--purple)}.backdrop{position:fixed;z-index:75;inset:0;visibility:hidden;opacity:0;background:#06020cb8;backdrop-filter:blur(5px);transition:opacity .2s}.backdrop.show{visibility:visible;opacity:1}body.nav-open{overflow:hidden}.page{width:100%;max-width:1580px;margin-inline:auto;padding:24px 20px 40px;min-width:0}.hero{position:relative;min-width:0;padding:8px 0 22px}.hero-copy{position:relative;z-index:2;min-width:0}.hero h1{max-width:900px;margin:9px 0 10px;font-size:clamp(1.85rem,3.6vw,2.7rem);line-height:1.17;letter-spacing:-.055em}.hero p:not(.eyebrow){max-width:660px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.65}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-actions:empty{display:none}.page-section,.discover-section{min-width:0;margin-top:32px}.section-head,.section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:18px}.section-head>div,.section-heading>div{min-width:0}.section-heading h2{margin:4px 0 0;font-size:1.45rem;line-height:1.4;letter-spacing:-.04em}.section-head>.text-btn,.section-heading>.text-action{flex:none;color:var(--muted);font-size:.79rem}.page-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:28px 0 0;margin-top:48px;border-top:1px solid var(--line);color:var(--subtle);font-size:.75rem}.page-footer>div{display:flex;gap:18px}.page-footer a{display:inline-flex;align-items:center;min-height:44px}.page-footer a:hover{color:var(--purple-bright)}.bottom-nav{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:var(--bottom-nav);padding:4px 6px max(4px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-deep)}.bottom-nav .nav-link{display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:58px;padding:7px 2px;font-size:.66rem;border-radius:10px}.bottom-nav .nav-link.active{background:transparent}.bottom-nav .nav-link.active .nav-icon{color:var(--purple);background:var(--panel-raised);border-radius:9px;width:40px;height:24px}.bottom-nav .nav-link:after{display:none}.player{position:fixed;z-index:45;right:8px;bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom) + 6px);left:8px;display:flex;align-items:center;gap:12px;min-width:0;min-height:68px;padding:8px 12px;border:1px solid var(--line-bright);border-radius:14px;background:var(--panel-raised);box-shadow:0 0 38px #00000026;overflow:hidden}.player-progress{position:absolute;inset:auto 0 0;height:3px;background:var(--line)}.player-progress span{display:block;height:100%;width:0;background:var(--brand-gradient)}.player-track-open{display:flex;align-items:center;flex:1;gap:12px;min-width:0;min-height:50px;padding:0;border:0;color:var(--ink);background:transparent;text-align:left}.player-art{display:grid;flex:none;width:46px;height:46px;place-items:center;overflow:hidden;border-radius:9px;background:var(--panel)}.player-art img{width:100%;height:100%;object-fit:cover}.player-meta{min-width:0}.player-meta strong,.player-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta strong{font-size:.84rem;font-weight:600}.player-meta small{margin-top:3px;color:var(--muted);font-size:.72rem}.player-controls{display:flex;align-items:center;justify-content:center;gap:4px}.player-controls [data-player=toggle]{width:42px;height:42px;background:var(--purple);color:var(--purple-ink);border-radius:50%}.player-desktop,.player-extras{display:none}.fullplayer,.queueoverlay{position:fixed;z-index:100;inset:0;display:none;background:#07030dcc}.fullplayer.open,.queueoverlay.open{display:block}.fullplayer-lock{overflow:hidden}.fullplayer-sheet{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 65% -10%,rgba(130,61,209,.3),transparent 65%),var(--bg)}.fullplayer-sheet>*{max-width:560px;margin-inline:auto}.fullplayer-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.fullplayer-top-actions{display:flex}.fullplayer-mode{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:30px;background:var(--bg-deep)}.mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 13px;border:0;border-radius:22px;background:transparent;color:var(--muted);font-size:.78rem}.mode-btn.active{color:var(--purple-bright);background:var(--panel-raised)}.fullplayer-art-wrap{position:relative;width:min(100%,340px);aspect-ratio:1;margin-top:26px;margin-bottom:28px}.fullplayer-art{display:grid;width:100%;height:100%;place-items:center;background:var(--panel-raised);border-radius:20px;box-shadow:0 24px 66px -12px #7530b64d;overflow:hidden}.fullplayer-art img{width:100%;height:100%;object-fit:cover}.fullplayer-art-wrap.is-video{aspect-ratio:16/9;width:min(100%,560px)}.fullplayer-video-slot,.fullplayer-video{width:100%;height:100%;border-radius:14px;background:var(--bg-deep)}.fullplayer-meta>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.fullplayer-meta strong{min-width:0;font-family:var(--heading-font);font-size:clamp(1.25rem,4vw,1.8rem);letter-spacing:-.04em;overflow-wrap:anywhere}.fullplayer-meta small{display:block;color:var(--muted);margin-top:5px;font-size:.95rem}.artist-arrow{flex:none;width:44px;height:44px;border:0;border-radius:10px;color:var(--purple);background:transparent;font-size:22px}.fullplayer-actions{display:flex;gap:8px;margin-block:22px 18px;overflow-x:auto}.action-pill{display:flex;align-items:center;justify-content:center;gap:8px;min-width:max-content;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:24px;color:var(--muted);background:var(--panel);font-size:.78rem}.action-pill.on{color:var(--purple);background:var(--panel-raised)}.fullplayer-seek{width:100%}.fullplayer-times{display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem;font-variant-numeric:tabular-nums}.fullplayer-controls{display:flex;align-items:center;justify-content:center;gap:clamp(6px,4vw,25px);margin-block:18px}.full-btn{display:grid;flex:none;width:44px;height:48px;place-items:center;padding:0;border:0;border-radius:50%;color:var(--ink);background:transparent;font-size:25px}.full-btn.utility{color:var(--muted);font-size:21px}.full-btn.main{width:72px;height:72px;color:var(--purple-ink);background:var(--purple);font-size:30px}.full-btn[aria-pressed=true]{color:var(--purple);background:var(--panel-raised)}.fullplayer-bottom-row{display:flex;justify-content:space-around;gap:8px;margin-bottom:14px}.text-control{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:4px;border:0;background:transparent;color:var(--muted);font-size:.7rem}.text-control .icn{font-size:19px}.text-control.on{color:var(--purple)}.fullplayer-vol{display:flex;align-items:center;gap:14px;color:var(--muted)}.fullplayer-hint{padding-block:10px;color:var(--muted);font-size:.75rem;text-align:center}.eq-panel{display:none;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.eq-panel.open{display:block;margin-bottom:16px}.eq-presets{display:flex;flex-wrap:wrap;gap:8px}.eq-sliders label{display:grid;grid-template-columns:56px minmax(0,1fr) 30px;align-items:center;gap:12px;margin-top:14px;color:var(--muted);font-size:.78rem}.eq-sliders b{text-align:right}.lyrics-panel{display:none;padding:20px;max-height:220px;overflow-y:auto;border:1px solid var(--line);border-radius:16px;color:var(--muted)}.lyrics-panel.open{display:block}.queueoverlay{z-index:110}.queue-sheet{display:flex;flex-direction:column;width:min(100%,620px);height:100%;margin-left:auto;padding:max(16px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));border-left:1px solid var(--line);background:var(--bg)}.queue-top{display:flex;align-items:center;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--line)}.fullplayer-heading{flex:1;min-width:0;text-align:center}.fullplayer-heading small,.fullplayer-heading em{display:block;color:var(--muted);font-size:.65rem;font-style:normal}.fullplayer-heading strong{font-size:.9rem}.queue-list{flex:1;min-height:0;overflow-y:auto;margin-top:16px}.queue-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:9px 6px;margin-bottom:5px;border:1px solid transparent;border-radius:12px;cursor:pointer}.queue-row:hover{background:var(--panel)}.queue-row.current{border-color:var(--line-bright);background:var(--panel-raised)}.queue-art{flex:none;width:42px;height:42px;border-radius:8px;overflow:hidden}.queue-art img{width:100%;height:100%;object-fit:cover}.queue-meta{flex:1;min-width:70px}.queue-meta strong,.queue-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-meta strong{font-size:.8rem}.queue-meta small{margin-top:2px;color:var(--muted);font-size:.7rem}