:root{color-scheme:light;--bg-1:#f4f3f6;--bg-2:#e9e8ee;--surface:#ffffff;--surface-2:#ffffff;--ink:#1b1b1f;--ink-2:#6c6c76;--ink-3:#a2a2ac;--accent:#ff2d55;--accent-soft:rgba(255, 45, 85, .12);--line:rgba(0, 0, 0, .07);--track:rgba(0, 0, 0, .13);--hover:rgba(0, 0, 0, .05);--hover-2:rgba(0, 0, 0, .085);--glass:rgba(255, 255, 255, .38);--glass-2:rgba(255, 255, 255, .55);--glass-hi:rgba(255, 255, 255, .8);--edge:rgba(255, 255, 255, .6);--spec:rgba(255, 255, 255, .75);--ambient-op:.2;--ctrl-fill:#1c1c1e;--ctrl-ink:#ffffff;--fill:#1c1c1e;--scroll:rgba(0, 0, 0, .16);--np-wash:rgba(244, 243, 246, .55);--shadow-soft:0 10px 30px rgba(20, 18, 30, .1),0 2px 8px rgba(20, 18, 30, .05);--shadow-pop:0 20px 60px rgba(20, 18, 30, .18);--shadow-art:0 26px 60px rgba(20, 18, 30, .22);--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--r-pill:999px;--sidebar-w:78px;--player-h:88px;--topbar-h:66px;--mobile-nav-h:58px;--mobile-mini-h:60px;--fast:140ms;--base:240ms;--panel:400ms;--ease:cubic-bezier(.22, .9, .26, 1);font-synthesis:none}[data-theme=dark]{color-scheme:dark;--bg-1:#0c0b10;--bg-2:#08070c;--surface:#1c1c22;--surface-2:#26262e;--ink:#f3f2f7;--ink-2:#aeaeb8;--ink-3:#74747e;--accent:#ff3b5f;--accent-soft:rgba(255, 59, 95, .2);--line:rgba(255, 255, 255, .09);--track:rgba(255, 255, 255, .18);--hover:rgba(255, 255, 255, .07);--hover-2:rgba(255, 255, 255, .13);--glass:rgba(26, 26, 32, .42);--glass-2:rgba(44, 44, 52, .46);--glass-hi:rgba(30, 30, 38, .78);--edge:rgba(255, 255, 255, .06);--spec:rgba(255, 255, 255, .18);--ambient-op:.4;--ctrl-fill:#f1f1f5;--ctrl-ink:#161618;--fill:#ffffff;--scroll:rgba(255, 255, 255, .16);--np-wash:rgba(8, 7, 12, .62);--shadow-soft:0 10px 30px rgba(0, 0, 0, .5),0 2px 8px rgba(0, 0, 0, .35);--shadow-pop:0 22px 60px rgba(0, 0, 0, .62);--shadow-art:0 30px 72px rgba(0, 0, 0, .62)}@font-face{font-family:Pretendard;src:url("./fonts/Pretendard-Regular.otf") format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url("./fonts/Pretendard-Medium.otf") format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url("./fonts/Pretendard-SemiBold.otf") format("opentype");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url("./fonts/Pretendard-Bold.otf") format("opentype");font-weight:700;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Pretendard,"Noto Sans KR",system-ui,"Malgun Gothic",sans-serif;background:var(--bg-1);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.012em;overflow:hidden;transition:background var(--base) var(--ease),color var(--base) var(--ease)}a{text-decoration:none;color:inherit}button{font-family:inherit;color:inherit;background:0 0;border:none;cursor:pointer}img{display:block}.tnum{font-variant-numeric:tabular-nums}.hidden{display:none!important}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:8px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:padding-box}#app::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(1100px 720px at 14% -10%,#fdeef3 0,transparent 55%),radial-gradient(1000px 680px at 102% 0,#eef0fb 0,transparent 52%),linear-gradient(180deg,var(--bg-1),var(--bg-2))}#ambient{position:fixed;inset:-12%;z-index:-1;pointer-events:none;background-image:var(--app-art,none);background-size:cover;background-position:center;filter:blur(100px) saturate(1.9) brightness(1.06);opacity:0;transition:opacity 1.1s var(--ease);will-change:opacity}body.has-art #ambient{opacity:var(--ambient-op)}[data-theme=dark] #app::before{background:radial-gradient(1100px 720px at 14% -10%,#2c0a1e 0,transparent 55%),radial-gradient(1000px 680px at 102% 0,#150a26 0,transparent 52%),linear-gradient(180deg,var(--bg-1),var(--bg-2))}@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.bot-menu,.mini-player,.mobile-nav,.modal,.np-side,.playerbar,.profile-menu,.search-results,.sidebar,.topbar{background:var(--surface)!important}}#login-gate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;overflow:hidden;padding:24px}.lg-aura{position:absolute;inset:-25%;z-index:0;pointer-events:none;background:radial-gradient(36% 40% at 27% 30%,rgba(255,45,85,.5),transparent 70%),radial-gradient(40% 44% at 74% 26%,rgba(96,132,255,.5),transparent 72%),radial-gradient(46% 50% at 62% 82%,rgba(176,96,255,.42),transparent 72%);filter:blur(90px) saturate(1.3);opacity:.62;animation:20s ease-in-out infinite alternate lg-float}@keyframes lg-float{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2%,-3%,0) scale(1.07)}100%{transform:translate3d(-2%,2%,0) scale(1.03)}}.lg-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;width:min(384px,92vw);padding:46px 36px 30px;background:var(--glass-hi);-webkit-backdrop-filter:blur(48px) saturate(1.8);backdrop-filter:blur(48px) saturate(1.8);border-radius:34px;box-shadow:var(--shadow-pop),inset 0 1.5px 0 var(--spec),inset 0 0 0 1px rgba(255,255,255,.1);animation:pop var(--base) var(--ease)}.lg-card .lg-logo{width:88px;height:88px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 10px 26px rgba(255,45,85,.4))}.lg-card h1{font-size:27px;font-weight:800;letter-spacing:-.5px;margin-top:2px}.lg-card .lg-sub{color:var(--ink-2);font-size:13.5px;line-height:1.7}.lg-card .lg-foot{font-size:11.5px;color:var(--ink-3);margin-top:6px}.btn-login{display:inline-flex;align-items:center;gap:10px;margin-top:8px;background:linear-gradient(180deg,#6b78f7,#5865f2);color:#fff;font-weight:700;font-size:15px;padding:15px 30px;border-radius:var(--r-pill);box-shadow:0 12px 30px -10px rgba(88,101,242,.65),inset 0 1px 0 rgba(255,255,255,.38);transition:transform var(--fast),box-shadow var(--fast)}.btn-login:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px rgba(88,101,242,.82),inset 0 1px 0 rgba(255,255,255,.45)}#app{display:none;height:100%}#app.ready{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr var(--player-h);grid-template-areas:"side main" "player player";transition:grid-template-columns var(--base) var(--ease)}.sidebar{grid-area:side;display:flex;flex-direction:column;align-items:center;padding:16px 0;overflow:hidden;background:var(--glass);-webkit-backdrop-filter:blur(34px) saturate(1.8);backdrop-filter:blur(34px) saturate(1.8);box-shadow:inset 1px 1px 0 var(--spec)}.sidebar .top{display:flex;align-items:center;justify-content:center;padding:4px 0 18px}.sidebar .logo-mark{width:34px;height:34px;flex:none}.sidebar .wordmark{display:none}.nav{display:flex;flex-direction:column;gap:8px;padding:0;align-items:center}.nav a{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:var(--ink-2);font-size:0;transition:background var(--fast),color var(--fast)}.nav a:hover{background:var(--hover);color:var(--ink)}.nav a.active{background:var(--glass-hi);color:var(--ink);box-shadow:inset 0 1px 0 var(--spec),var(--shadow-soft)}.nav a svg{width:24px;height:24px;flex:none}.sidebar .divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--spec),transparent);opacity:.5;margin:16px 0}.new-playlist{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:var(--ink-2);font-size:0;transition:background var(--fast),color var(--fast)}.new-playlist:hover{background:var(--hover);color:var(--ink)}.playlists{display:none}.sidebar-toggle{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;color:var(--ink-2);margin-bottom:4px;transition:background var(--fast),color var(--fast)}.sidebar-toggle:hover{background:var(--hover);color:var(--ink)}.sidebar-toggle svg{width:22px;height:22px}.player-view,.topbar{transition:left var(--base) var(--ease),transform var(--panel) var(--ease),opacity var(--panel) var(--ease)}#app.sidebar-expanded{--sidebar-w:244px}#app.sidebar-expanded .sidebar{align-items:stretch;padding:16px 14px}#app.sidebar-expanded .sidebar-toggle{width:44px;height:44px;margin:0 0 6px 4px}#app.sidebar-expanded .sidebar .top{justify-content:flex-start;gap:12px;padding:4px 8px 18px}#app.sidebar-expanded .wordmark{display:block;font-size:20px;font-weight:800;letter-spacing:-.5px}#app.sidebar-expanded .nav{align-items:stretch;gap:4px}#app.sidebar-expanded .nav a{display:flex;align-items:center;width:auto;height:auto;justify-content:flex-start;gap:15px;padding:11px 13px;font-size:15px}#app.sidebar-expanded .nav a.active{background:var(--hover-2);box-shadow:none}#app.sidebar-expanded .sidebar .divider{width:auto;margin:14px 8px}#app.sidebar-expanded .new-playlist{display:flex;align-items:center;width:auto;height:auto;justify-content:flex-start;gap:15px;padding:11px 13px;font-size:14px}#app.sidebar-expanded .new-playlist svg{flex:none}#app.sidebar-expanded .playlists{display:block;flex:1;min-height:0;padding:6px 2px;overflow-y:auto}#app.sidebar-expanded .playlists .pl{padding:10px 12px}#app.sidebar-expanded .playlists .pl .t{font-size:14px;font-weight:600}#app.sidebar-expanded .playlists .pl .s{font-size:11px;color:var(--ink-3);margin-top:1px}.playlists .pl{border-radius:var(--r-md);cursor:pointer;transition:background var(--fast)}.playlists .pl:hover{background:var(--hover)}.playlists .pl .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{grid-area:main;overflow-y:auto;overflow-x:hidden;min-width:0;position:relative}.carousel-wrap,.content,.section{min-width:0;max-width:100%}.topbar{position:fixed;top:0;left:var(--sidebar-w);right:0;z-index:60;height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 22px;background:var(--glass);-webkit-backdrop-filter:blur(40px) saturate(2);backdrop-filter:blur(40px) saturate(2);box-shadow:inset 0 1px 0 var(--spec),0 10px 30px -16px rgba(20,18,30,.4)}.search{flex:1;max-width:720px;margin:0 auto;position:relative}.search input{width:100%;height:44px;border-radius:var(--r-pill);background:var(--glass-2);border:none;padding:0 46px 0 96px;color:var(--ink);font-size:15px;box-shadow:inset 0 1px 0 var(--spec);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:box-shadow var(--fast),background var(--fast)}.src-btn{position:absolute;left:6px;top:50%;transform:translateY(-50%);height:32px;min-width:78px;padding:0 12px;border-radius:var(--r-pill);background:var(--glass-hi);color:var(--ink-2);font-size:12px;font-weight:700;box-shadow:inset 0 1px 0 var(--spec);z-index:2;transition:color var(--fast),background var(--fast)}.src-btn:hover{color:var(--ink)}.search input::placeholder{color:var(--ink-3)}.search input:focus{outline:0;background:var(--glass-hi);box-shadow:inset 0 1px 0 var(--spec),0 0 0 4px var(--accent-soft)}.search .icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--ink-3);pointer-events:none}.search-results{position:fixed;z-index:999;background:var(--glass-hi);-webkit-backdrop-filter:blur(36px) saturate(1.7);backdrop-filter:blur(36px) saturate(1.7);border-radius:var(--r-lg);box-shadow:var(--shadow-pop),inset 0 1px 0 var(--spec);overflow:hidden auto;max-height:64vh;padding:8px}.theme-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);flex:none;transition:background var(--fast),color var(--fast)}.theme-btn:hover{background:var(--hover);color:var(--ink)}.theme-btn svg{width:22px;height:22px}.profile{position:relative;display:flex;align-items:center}.avatar-btn{padding:0;border-radius:50%;transition:transform var(--fast)}.avatar-btn:hover{transform:scale(1.06)}.avatar-btn img{width:36px;height:36px;border-radius:50%;box-shadow:var(--shadow-soft)}.coin-pill{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:var(--r-pill);background:var(--glass-2);box-shadow:inset 0 1px 0 var(--spec);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--ink);font-weight:800;font-size:.92rem;flex:none;cursor:default;transition:background var(--fast)}.coin-pill:hover{background:var(--glass-hi)}.coin-pill.hidden{display:none}.coin-pill-img{width:20px;height:20px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px rgba(240, 170, 60, .4))}.coin-pill-amt{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.coin-tip{position:absolute;top:calc(100% + 10px);right:0;width:max-content;max-width:268px;padding:13px 15px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-pop);color:var(--ink);font-weight:500;font-size:.8rem;line-height:1.62;text-align:left;white-space:normal;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s,transform .16s,visibility .16s;z-index:80;pointer-events:none}.coin-tip b{font-weight:800}.coin-tip .coin-tip-dim{color:var(--ink-2);font-size:.74rem}.coin-pill:focus .coin-tip,.coin-pill:focus-visible .coin-tip,.coin-pill:hover .coin-tip{opacity:1;visibility:visible;transform:translateY(0)}.bot-menu,.profile-menu{position:fixed;z-index:999;background:var(--glass-hi);-webkit-backdrop-filter:blur(36px) saturate(1.7);backdrop-filter:blur(36px) saturate(1.7);border-radius:var(--r-md);box-shadow:var(--shadow-pop),inset 0 1px 0 var(--spec);min-width:200px;padding:8px;animation:pop var(--fast) var(--ease)}.profile-menu .pm-name{padding:10px 12px;font-size:13px;color:var(--ink-2);margin-bottom:4px}.profile-menu .pm-item{display:block;width:100%;text-align:left;padding:11px 12px;border-radius:var(--r-sm);font-size:14px;font-weight:600;transition:background var(--fast)}.profile-menu .pm-item:hover{background:var(--hover)}@keyframes pop{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.bot-select{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 8px;border-radius:var(--r-pill);background:var(--glass-2);box-shadow:inset 0 1px 0 var(--spec);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background var(--fast);max-width:220px}.bot-select:hover{background:var(--glass-hi)}.bot-select img{width:26px;height:26px;border-radius:50%;flex:none}.bot-select span{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-select .chev{width:18px;height:18px;color:var(--ink-2);flex:none}.bot-menu .bot-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:var(--r-sm);transition:background var(--fast)}.bot-menu .bot-opt:hover{background:var(--hover)}.bot-menu .bot-opt.active{background:var(--accent-soft)}.bot-menu .bot-opt img{width:30px;height:30px;border-radius:50%;flex:none}.bot-menu .bot-opt .bo-meta{display:flex;flex-direction:column;min-width:0;text-align:left}.bot-menu .bot-opt .bo-meta .t{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-menu .bot-opt .bo-meta .s{font-size:11px;color:var(--ink-3)}.content{padding:calc(var(--topbar-h) + 18px) 30px 54px}.chips{display:flex;gap:10px;overflow-x:auto;padding:4px 0 22px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;padding:10px 18px;border-radius:var(--r-pill);background:var(--glass-2);color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap;box-shadow:inset 0 1px 0 var(--spec);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background var(--fast),color var(--fast),transform var(--fast)}.chip:hover{background:var(--glass-hi);transform:translateY(-1px)}.chip.active{background:var(--ctrl-fill);color:var(--ctrl-ink);box-shadow:none}.section{margin-top:34px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-head h2{font-size:24px;font-weight:800;letter-spacing:-.6px}.pl-head .pl-title{display:flex;align-items:center;gap:8px}.pl-head .back{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background var(--fast)}.pl-head .back:hover{background:var(--hover)}.pl-head .play-all{display:inline-flex;align-items:center;gap:8px;background:var(--ctrl-fill);color:var(--ctrl-ink);font-weight:700;font-size:14px;padding:11px 22px;border-radius:var(--r-pill);box-shadow:var(--shadow-soft);transition:transform var(--fast)}.pl-head .play-all:hover{transform:translateY(-2px)}.pl-locked{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2);font-weight:700;font-size:13px;padding:10px 18px;border-radius:var(--r-pill);background:var(--glass-2);box-shadow:inset 0 1px 0 var(--spec);white-space:nowrap;cursor:default;opacity:.9}.pl-locked svg{opacity:.85}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:204px;gap:18px;overflow-x:auto;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.card{cursor:pointer;padding:12px;border-radius:var(--r-lg);transition:background var(--fast),transform var(--fast),box-shadow var(--fast)}.card:hover{background:var(--surface-2);transform:translateY(-6px);box-shadow:var(--shadow-pop),inset 0 1px 0 var(--spec)}.card .art{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-soft)}.card .art img{width:100%;height:100%;object-fit:cover;transition:transform var(--base) var(--ease)}.card:hover .art img{transform:scale(1.06)}.card .art .play-fab{position:absolute;right:11px;bottom:11px;width:48px;height:48px;border-radius:50%;background:var(--surface);display:grid;place-items:center;opacity:0;transform:translateY(10px) scale(.9);box-shadow:var(--shadow-pop);transition:opacity var(--fast),transform var(--fast)}.card:hover .art .play-fab{opacity:1;transform:translateY(0) scale(1)}.card .art .play-fab svg{width:24px;height:24px;color:var(--ink)}.card .t{margin-top:12px;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .s{font-size:13px;color:var(--ink-2);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 28px}.row-track{display:flex;align-items:center;gap:13px;padding:9px 12px;border-radius:var(--r-md);cursor:pointer;transition:background var(--fast)}.row-track:hover{background:var(--hover)}.row-track .thumb{width:50px;height:50px;border-radius:var(--r-sm);object-fit:cover;flex:none;background:var(--surface);box-shadow:var(--shadow-soft)}.row-track .meta{min-width:0;flex:1}.row-track .meta .t{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-track .meta .s{font-size:13px;color:var(--ink-2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-track .more{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);opacity:0;flex:none;font-size:18px;transition:background var(--fast),opacity var(--fast)}.row-track .more:hover{background:var(--hover-2);color:var(--ink)}.row-track:hover .more{opacity:1}.row-track.playing .meta .t{color:var(--accent)}.row-track.pl-drag{cursor:grab}.row-track.pl-drag:active{cursor:grabbing}.row-track .pl-grip{width:20px;flex:none;display:grid;place-items:center;color:var(--ink-3);opacity:.45;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:opacity var(--fast)}.row-track.pl-drag:hover .pl-grip{opacity:.9}@media (pointer:coarse){.row-track .pl-grip{width:40px;margin-left:-8px;opacity:.6}}.row-track.dragging{opacity:.4}.row-track.dragover{box-shadow:inset 0 2px 0 var(--accent)}.empty-note{color:var(--ink-3);font-size:14px;padding:30px;text-align:center}.playerbar{grid-area:player;background:var(--glass);-webkit-backdrop-filter:blur(44px) saturate(2);backdrop-filter:blur(44px) saturate(2);box-shadow:inset 0 1px 0 var(--spec),0 -14px 34px -16px rgba(20,18,30,.36);display:grid;grid-template-columns:1fr minmax(0,1.5fr) 1fr;align-items:center;gap:16px;padding:0 24px;position:relative;z-index:35;cursor:pointer;transition:opacity var(--base) var(--ease)}.playerbar .scrubber{position:absolute;top:0;left:0;right:0}.playerbar .scrubber .slider{height:3px;border-radius:0;background:var(--track)}.playerbar:hover .scrubber .slider{height:5px}.pb-left{display:flex;align-items:center;gap:14px;min-width:0}.pb-controls{display:flex;align-items:center;gap:6px}.ctrl{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background var(--fast),transform var(--fast),color var(--fast)}.ctrl:hover{background:var(--hover)}.ctrl svg{width:23px;height:23px}.ctrl.active{color:var(--accent)}.ctrl.play{background:var(--ctrl-fill);color:var(--ctrl-ink);width:48px;height:48px;box-shadow:var(--shadow-soft)}.ctrl.play:hover{transform:scale(1.07)}.ctrl.small svg{width:21px;height:21px}.expand-btn svg{transition:transform var(--base) var(--ease)}.expand-btn.flip svg{transform:rotate(180deg)}.pb-time{font-size:12px;color:var(--ink-2);white-space:nowrap}.pb-center{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0}.pb-center .thumb{width:56px;height:56px;border-radius:var(--r-md);object-fit:cover;flex:none;background:var(--surface);box-shadow:var(--shadow-soft);cursor:pointer}.pb-center .meta{min-width:0;max-width:280px;cursor:pointer}.pb-center .meta .t{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-center .meta .s{font-size:12.5px;color:var(--ink-2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-reacts{display:flex;align-items:center;gap:2px;flex:none}.pb-right{display:flex;align-items:center;justify-content:flex-end;gap:4px}.like-btn.liked{color:var(--accent)}.volume{display:flex;align-items:center;gap:6px;width:138px}.volume .bar{flex:1}.slider{position:relative;height:5px;border-radius:3px;background:var(--track);cursor:pointer;transition:height var(--fast)}.slider .fill{position:absolute;left:0;top:0;bottom:0;background:var(--fill);border-radius:inherit}.slider .knob{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--fill);transform:translate(-50%,-50%);opacity:0;box-shadow:0 1px 4px rgba(0,0,0,.35);transition:opacity var(--fast)}.slider.dragging .knob,.slider:hover .knob{opacity:1}.slider.tall{height:6px}.q-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--r-md);cursor:pointer;transition:background var(--fast)}.q-row:hover{background:var(--hover)}.q-row.playing .meta .t{color:var(--accent)}.q-row .handle{width:18px;text-align:center;color:var(--ink-3);cursor:grab;flex:none}.q-row .thumb{width:48px;height:48px;border-radius:var(--r-sm);object-fit:cover;flex:none;background:var(--surface);box-shadow:var(--shadow-soft)}.q-row .meta{flex:1;min-width:0}.q-row .meta .t{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-row .meta .s{font-size:12px;color:var(--ink-2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-row .rm{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);opacity:0;flex:none;transition:background var(--fast),opacity var(--fast)}.q-row .rm:hover{background:var(--hover-2);color:var(--ink)}.q-row:hover .rm{opacity:1}.q-row.dragging{opacity:.4}.q-row.dragover{box-shadow:inset 0 2px 0 var(--accent)}.queue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:60px 20px;color:var(--ink-3);text-align:center}.queue-empty svg{width:42px;height:42px;opacity:.5;margin-bottom:6px}.queue-empty p{font-size:15px;font-weight:600;color:var(--ink-2)}.queue-empty span{font-size:13px}.lyrics{white-space:pre-wrap;font:inherit;color:var(--ink);line-height:1.9;padding:6px 6px 20px}.player-view{position:fixed;top:var(--topbar-h);left:var(--sidebar-w);right:0;bottom:var(--player-h);z-index:30;display:flex;overflow:hidden;background:var(--bg-1);transform:translateY(101%);opacity:0;pointer-events:none}.player-view.open{transform:translateY(0);opacity:1;pointer-events:auto}.player-view::before{content:"";position:absolute;inset:-16%;background-image:var(--np-bg,none);background-size:cover;background-position:center;filter:blur(110px) saturate(1.7);opacity:.42}.player-view::after{content:"";position:absolute;inset:0;background:var(--np-wash)}.player-view>*{position:relative;z-index:1}.np-collapse{position:absolute;top:18px;left:18px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);z-index:2;background:var(--glass-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 var(--spec);transition:background var(--fast),transform var(--fast)}.np-collapse:hover{transform:translateY(1px);background:var(--hover)}.np-collapse svg{width:28px;height:28px}.np-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;min-width:0;overflow-y:auto}.mp-top,.np-sheet-backdrop,.sheet-grab{display:none}.mp-art{width:min(46vh,420px);aspect-ratio:1;border-radius:var(--r-xl);overflow:hidden;position:relative;background:var(--surface);box-shadow:0 0 0 1px rgba(255,255,255,.12),var(--shadow-art),0 50px 100px -40px rgba(0,0,0,.5)}.mp-art img{width:100%;height:100%;object-fit:cover}.np-mobile{display:flex;flex-direction:column;width:min(46vh,420px);margin-top:22px}.mp-info{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px}.mp-info .titles{min-width:0;text-align:center;padding:0 48px;max-width:100%}.mp-info .titles .t{font-size:21px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-info .titles .s{font-size:14px;color:var(--ink-2);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-info .thumbs{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:4px}.mp-info .thumbs button{width:42px;height:42px;display:grid;place-items:center;color:var(--ink-2);border-radius:50%;transition:background var(--fast),color var(--fast)}.mp-info .thumbs button:hover{background:var(--hover)}.mp-info .thumbs button svg{width:23px;height:23px}.mp-info .thumbs button.like-btn.liked{color:var(--accent)}.mp-synced{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;margin-top:16px;padding:0 10px;min-height:54px}.mp-synced:empty{display:flex}.mp-synced .ly{white-space:normal;overflow-wrap:anywhere;word-break:keep-all;max-width:100%;transition:color var(--base),opacity var(--base)}.mp-synced .ly-next,.mp-synced .ly-prev{font-size:13.5px;font-weight:500;color:var(--ink-3);opacity:.65}.mp-synced .ly-cur{font-size:18px;font-weight:800;color:var(--ink)}.mp-synced .ly:empty{min-height:4px}.mp-scrub{margin-top:18px}.mp-times{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2);margin-top:9px}.mp-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}.mp-controls .ctrl svg{width:26px;height:26px}.mp-controls .ctrl.play{width:64px;height:64px}.mp-controls .ctrl.play svg{width:28px;height:28px}.mp-volume{display:flex;align-items:center;gap:10px;margin-top:18px}.mp-volume .slider{flex:1}.mp-volume .ctrl{color:var(--ink-2)}.np-side{width:368px;flex:none;margin:16px 16px 16px 0;border-radius:var(--r-lg);overflow:hidden;background:var(--glass-2);-webkit-backdrop-filter:blur(46px) saturate(1.8);backdrop-filter:blur(46px) saturate(1.8);box-shadow:var(--shadow-pop),inset 0 1px 0 var(--spec);display:flex;flex-direction:column}.mp-tabs{display:flex;gap:6px;padding:20px 18px 0}.mp-tabs button{flex:1;padding:11px 8px;font-size:14px;font-weight:700;color:var(--ink-3);border-radius:var(--r-pill);transition:color var(--fast),background var(--fast)}.mp-tabs button.active{color:var(--ink);background:var(--glass-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 var(--spec)}.mp-panel{display:none;flex:1;overflow-y:auto;padding:12px}.mp-panel.active{display:block}body.np-open .playerbar{opacity:0;pointer-events:none}body.np-open .player-view{bottom:0}.mini-player,.mobile-nav,.mobile-only{display:none}@media (max-width:900px){#app.ready{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main"}.playerbar,.sidebar{display:none}.desktop-only{display:none!important}.mobile-only{display:block}.topbar{left:0;padding:0 14px;height:60px;gap:8px}.topbar .mobile-brand{display:flex;align-items:center;gap:8px;font-weight:800}.topbar .mobile-brand .logo-mark{width:26px;height:26px}.bot-select span{display:none}.bot-select{padding:0 8px}.search input{height:42px}.content{padding:calc(var(--topbar-h) - 2px) 16px calc(var(--mobile-nav-h) + var(--mobile-mini-h) + 26px)}.grid{grid-template-columns:1fr}.carousel{grid-auto-columns:152px;gap:13px}.section-head h2{font-size:20px}.mini-player{display:flex;align-items:center;gap:11px;position:fixed;left:10px;right:10px;bottom:calc(var(--mobile-nav-h) + 8px);height:var(--mobile-mini-h);z-index:40;background:var(--glass-hi);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border-radius:var(--r-lg);padding:0 12px;box-shadow:var(--shadow-pop)}.mini-player .prog{position:absolute;left:12px;right:12px;bottom:0;height:2px}.mini-player .thumb{width:44px;height:44px;border-radius:var(--r-sm);object-fit:cover;flex:none}.mini-player .meta{flex:1;min-width:0}.mini-player .meta .t{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player .meta .s{font-size:11px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player .m-ctrl{width:42px;height:42px;display:grid;place-items:center}.mini-player .m-ctrl svg{width:25px;height:25px}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:var(--mobile-nav-h);background:var(--glass);-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);box-shadow:inset 0 1px 0 var(--spec),0 -12px 30px -16px rgba(20,18,30,.3);z-index:41}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);font-size:10px;font-weight:600}.mobile-nav a.active{color:var(--ink)}.mobile-nav a svg{width:23px;height:23px}.player-view{top:0;left:0;right:0;bottom:0;z-index:70;flex-direction:column;padding:16px 22px 26px}.np-stage{flex:none;justify-content:flex-start;padding:0;overflow:visible}.mp-top{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:80}.mp-top .iconbtn{width:42px;height:42px;display:grid;place-items:center;color:var(--ink)}.mp-top .iconbtn svg{width:27px;height:27px}.mp-top .mp-top-title{font-size:13px;font-weight:700;color:var(--ink-2)}.mp-art{width:min(78vw,360px);margin:14px auto 0}.np-mobile{width:100%;margin-top:20px}.mp-info .titles .t{font-size:23px}.mp-info .titles .s{font-size:15px}.mp-controls{justify-content:space-between;gap:0;margin-top:22px;padding:0 4px}.mp-controls .ctrl svg{width:30px;height:30px}.mp-controls .ctrl.play{width:68px;height:68px}.mp-controls .ctrl.play svg{width:30px;height:30px}.np-side{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:84vh;margin:0;z-index:76;background:var(--surface);border-radius:22px 22px 0 0;box-shadow:0 -24px 60px -18px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6);transform:translateY(103%);transition:transform var(--base) var(--ease);display:flex;flex-direction:column;padding:0 16px 18px}.player-view.sheet-open .np-side{transform:translateY(0)}.sheet-grab{display:block;width:44px;height:5px;border-radius:3px;background:var(--ink-2);opacity:.4;margin:10px auto 4px;flex:none;cursor:pointer}.np-sheet-backdrop{display:block;position:fixed;inset:0;z-index:75;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity var(--base)}.player-view.sheet-open .np-sheet-backdrop{opacity:1;pointer-events:auto}.mp-tabs{padding:6px 0 0;flex:none}.mp-panel{max-height:none;flex:1;padding:8px 0}.queue-empty{padding:30px 20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}#toast{position:fixed;left:50%;bottom:104px;transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast-item{background:var(--ink);color:var(--bg-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-weight:700;padding:11px 20px;border-radius:var(--r-pill);box-shadow:var(--shadow-pop);animation:toastin var(--base) var(--ease);pointer-events:auto;max-width:min(88vw,420px);text-align:center;line-height:1.45}.toast-item.err,.toast-item.error{background:var(--accent);color:#fff}.toast-item.warn{background:#b8791b;color:#fff}.toast-item.info{background:var(--ink);color:var(--bg-1)}.toast-item.ok{background:#1f9d57;color:#fff}.toast-item a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:800;pointer-events:auto}.toast-item.out{animation:toastout var(--base) var(--ease) forwards}.toast-item.has-coin{display:inline-flex;align-items:center;gap:7px;text-align:left}.toast-item.has-coin .toast-text{min-width:0}.toast-coin{width:17px;height:17px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3))}@keyframes toastout{to{opacity:0;transform:translateY(8px)}}@keyframes toastin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:80}.modal{background:var(--glass-hi);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:var(--r-xl);padding:28px;width:min(440px,92vw);max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-pop)}.modal h3{font-size:20px;font-weight:800;margin-bottom:6px}.modal p{color:var(--ink-2);font-size:13px;margin-bottom:18px}.guild-row{display:flex;align-items:center;gap:13px;padding:11px;border-radius:var(--r-md);cursor:pointer;transition:background var(--fast)}.guild-row:hover{background:var(--hover)}.guild-row .fallback,.guild-row img{width:46px;height:46px;border-radius:50%;flex:none;background:var(--hover-2);display:grid;place-items:center;font-weight:700}.guild-row .gmeta .t{font-size:15px;font-weight:700}.guild-row .gmeta .s{font-size:12px;color:var(--ink-2);margin-top:2px}.src-menu,.track-menu{position:fixed;z-index:999;background:var(--glass-hi);-webkit-backdrop-filter:blur(32px) saturate(1.6);backdrop-filter:blur(32px) saturate(1.6);border-radius:var(--r-md);box-shadow:var(--shadow-pop),inset 0 1px 0 var(--spec);padding:6px;min-width:156px;animation:pop var(--fast) var(--ease)}.src-menu button,.track-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-sm);font-size:14px;font-weight:600;color:var(--ink);transition:background var(--fast)}.track-menu .tm-sep{height:1px;margin:6px 8px;background:var(--hover)}.track-menu button[data-add=blockart],.track-menu button[data-add=notint]{color:var(--ink-2);font-size:13px}.src-menu button:hover,.track-menu button:hover{background:var(--hover)}.src-menu button.active{color:var(--accent)}.status-chip{position:fixed;top:calc(var(--topbar-h) + 12px);left:50%;transform:translateX(-50%);z-index:150;background:var(--glass-hi);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:var(--ink);font-size:12px;font-weight:700;padding:8px 16px;border-radius:var(--r-pill);box-shadow:var(--shadow-pop),inset 0 1px 0 var(--spec);display:flex;align-items:center;gap:8px;animation:pop var(--base) var(--ease)}.status-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.status-chip.ok::before{background:#2ec26a}.queue-head{display:flex;align-items:center;gap:8px;padding:2px 4px 12px}.qh-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-pill);background:var(--glass-2);color:var(--ink-2);font-size:12.5px;font-weight:700;box-shadow:inset 0 1px 0 var(--spec);transition:background var(--fast),color var(--fast)}.qh-btn:hover{color:var(--ink)}.qh-btn.active{background:var(--accent);color:#fff;box-shadow:none}.qh-btn.locked{opacity:.5;cursor:not-allowed}.qh-btn svg{width:16px;height:16px}.m-input{width:100%;height:46px;border-radius:var(--r-md);background:var(--glass-2);border:none;padding:0 16px;color:var(--ink);font-size:15px;box-shadow:inset 0 1px 0 var(--spec);margin-bottom:12px}.m-input::placeholder{color:var(--ink-3)}.m-input:focus{outline:0;box-shadow:inset 0 1px 0 var(--spec),0 0 0 3px var(--accent-soft)}.m-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.m-btn{padding:11px 20px;border-radius:var(--r-pill);font-size:14px;font-weight:700;transition:transform var(--fast),background var(--fast)}.m-btn:hover{transform:translateY(-1px)}.m-btn.primary{background:var(--ctrl-fill);color:var(--ctrl-ink)}.m-btn.ghost{background:var(--glass-2);color:var(--ink)}.m-btn.danger{background:var(--accent);color:#fff}.pl-picker{position:fixed;z-index:1000;background:var(--glass-hi);-webkit-backdrop-filter:blur(32px) saturate(1.6);backdrop-filter:blur(32px) saturate(1.6);border-radius:var(--r-md);box-shadow:var(--shadow-pop),inset 0 1px 0 var(--spec);padding:6px;min-width:210px;max-height:320px;overflow-y:auto;animation:pop var(--fast) var(--ease)}.pl-picker .pp-head{padding:8px 12px;font-size:12px;font-weight:700;color:var(--ink-3)}.pl-picker button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-sm);font-size:14px;font-weight:600;color:var(--ink);transition:background var(--fast)}.pl-picker button:hover{background:var(--hover)}.pl-actions{display:flex;gap:6px;align-items:center}.pl-actions button:not(.play-all):not(.pl-queue){width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);background:var(--glass-2);box-shadow:inset 0 1px 0 var(--spec);transition:color var(--fast)}.pl-actions button:not(.play-all):not(.pl-queue):hover{color:var(--ink)}.pl-actions button:not(.play-all):not(.pl-queue) svg{width:18px;height:18px}.pl-head .pl-queue{display:inline-flex;align-items:center;gap:8px;background:var(--glass-2);color:var(--ink);font-weight:700;font-size:14px;padding:11px 18px;border-radius:var(--r-pill);box-shadow:inset 0 1px 0 var(--spec);white-space:nowrap;transition:transform var(--fast),background var(--fast)}.pl-head .pl-queue:hover{transform:translateY(-2px);background:var(--hover-2)}.pl-head .pl-queue svg{width:18px;height:18px}.sa-count{font-size:14px;font-weight:600;color:var(--ink-3);margin-left:6px}.ed-cover-row{display:flex;align-items:center;gap:12px;margin:6px 0 8px}.ed-preview{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none;background:var(--glass-2);border:1px solid var(--line);cursor:pointer}.ed-upload{cursor:pointer}.crop-modal{z-index:90}.crop-box{width:min(360px,92vw)}.crop-hint{font-size:12px;color:var(--ink-3);text-align:center;margin:2px 0 10px}.crop-stage{position:relative;width:280px;height:280px;margin:0 auto 14px;border-radius:16px;overflow:hidden;background:#000;touch-action:none}.crop-stage canvas{display:block;width:280px;height:280px;cursor:grab}.crop-stage canvas:active{cursor:grabbing}.crop-ring{position:absolute;inset:0;pointer-events:none;border:2px solid rgba(255,255,255,.55);border-radius:16px}.crop-zoom{display:flex;align-items:center;gap:10px;margin:0 6px 14px;color:var(--ink-3)}.crop-zoom input[type=range]{flex:1;accent-color:var(--accent)}.synced-full{display:flex;flex-direction:column;gap:13px;padding:14px 8px 48%}.synced-full .sl{font-size:16px;font-weight:600;line-height:1.45;color:var(--ink-3);opacity:.42;cursor:pointer;border-radius:8px;padding:2px 6px;margin:0 -6px;transition:opacity var(--base),color var(--base),font-size var(--base),background var(--fast)}.synced-full .sl:hover{opacity:.85;background:var(--glass-2)}.synced-full .sl.on{color:var(--ink);opacity:1;font-size:20px;font-weight:800}.sec-actions{display:flex;gap:8px;align-items:center}.sec-more,.sec-playall{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:8px 14px;border-radius:var(--r-pill);transition:transform var(--fast),background var(--fast);white-space:nowrap}.sec-more{color:var(--ink-2);background:var(--glass-2);box-shadow:inset 0 1px 0 var(--spec)}.sec-more:hover{color:var(--ink);transform:translateY(-1px)}.sec-playall{color:var(--ctrl-ink);background:var(--ctrl-fill);box-shadow:var(--shadow-soft)}.sec-playall:hover{transform:translateY(-2px)}.carousel-wrap{position:relative}.carousel-wrap .car-nav{position:absolute;top:calc(50% - 18px);transform:translateY(-50%);z-index:6;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:26px;line-height:1;color:var(--ink);background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--spec),var(--shadow-pop);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity var(--fast),transform var(--fast);cursor:pointer}.carousel-wrap:hover .car-nav{opacity:1;pointer-events:auto}.carousel-wrap .car-nav:hover{transform:translateY(-50%) scale(1.08)}.carousel-wrap .car-nav.prev{left:-8px}.carousel-wrap .car-nav.next{right:-8px}@media (max-width:900px){.carousel-wrap .car-nav{display:none}.carousel{scrollbar-width:thin}.carousel::-webkit-scrollbar{display:block;height:6px}}.plrm{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);opacity:0;flex:none;transition:background var(--fast),opacity var(--fast)}.plrm:hover{background:var(--hover-2);color:var(--ink)}.row-track:hover .plrm{opacity:1}.src-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;line-height:1;padding:3px 7px;border-radius:var(--r-pill);color:#fff;background:var(--glass-2);margin-left:6px;vertical-align:middle}.src-badge svg{flex:none}.src-badge.src-yt{background:#f03}.src-badge.src-sp{background:#1db954}.src-badge.src-sc{background:#f50}.src-badge.src-am{background:#fa233b}.src-badge.src-tw{background:#9146ff}.src-badge.src-bc{background:#1da0c3}.src-badge.src-dz{background:#a238ff}.src-badge.src-x{background:var(--glass-2);color:var(--ink-3)}.sr-group-head{padding:9px 10px 5px;position:sticky;top:0;background:var(--glass-hi,var(--glass-2));backdrop-filter:blur(36px);z-index:1}.sr-group-head .src-badge{margin-left:0}.inbox-list{display:flex;flex-direction:column;gap:8px}.inbox-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--glass-2);box-shadow:inset 0 1px 0 var(--spec)}.inbox-item img{width:44px;height:44px;border-radius:50%;flex:none}.inbox-item .meta{flex:1;min-width:0}.inbox-item .meta .t{font-size:15px;font-weight:700}.inbox-item .meta .s{font-size:12px;color:var(--ink-2);margin-top:1px}.ib-actions{display:flex;gap:8px;flex:none}.ib-actions button{padding:9px 16px;border-radius:var(--r-pill);font-size:13px;font-weight:700;transition:transform var(--fast)}.ib-actions button:hover{transform:translateY(-1px)}.ib-yes{background:var(--ctrl-fill);color:var(--ctrl-ink)}.ib-no{background:var(--glass-hi);color:var(--ink)}.mood-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.mood-tile{position:relative;height:92px;padding:14px 16px;border-radius:var(--r-md);text-align:left;font-size:15px;font-weight:800;letter-spacing:-.2px;color:#fff;cursor:pointer;overflow:hidden;display:flex;align-items:flex-end;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 22px -12px rgba(0,0,0,.5);transition:transform var(--fast),box-shadow var(--fast),filter var(--fast)}.mood-tile::after{content:"";position:absolute;top:-40%;right:-20%;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.18);filter:blur(8px)}.mood-tile:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 16px 32px -12px rgba(0,0,0,.55);filter:saturate(1.1)}.mood-tile.on{outline:rgba(255,255,255,.6) solid 2px;outline-offset:-2px}.mood-tile.mt-0{background:linear-gradient(135deg,#ff7a6b,#ff2d55)}.mood-tile.mt-1{background:linear-gradient(135deg,#ffc24d,#ff7a45)}.mood-tile.mt-2{background:linear-gradient(135deg,#4ad8bd,#1fa9c8)}.mood-tile.mt-3{background:linear-gradient(135deg,#7d9bff,#5865f2)}.mood-tile.mt-4{background:linear-gradient(135deg,#c07bff,#8a5cff)}.mood-tile.mt-5{background:linear-gradient(135deg,#6fdc86,#2fb85f)}.onboard-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:34px 26px;border-radius:var(--r-xl);background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--spec),var(--shadow-pop);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.onboard-card .ob-emoji{font-size:40px;line-height:1}.onboard-card .ob-title{font-size:18px;font-weight:800;color:var(--ink)}.onboard-card .ob-steps{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;max-width:460px}.onboard-card .ob-steps li{color:var(--ink-2);font-size:14px;line-height:1.5;padding:10px 14px;border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--line)}.onboard-card .ob-steps b{color:var(--ink)}.lofi-lock-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--player-h,92px) + 14px);z-index:60;padding:10px 18px;border-radius:var(--r-pill);background:linear-gradient(135deg,rgba(125,155,255,.92),rgba(88,101,242,.92));color:#fff;font-size:13px;font-weight:600;letter-spacing:.2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 36px -14px rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lofi-lock-bar b{font-weight:800}.lofi-locked .mini-player .m-ctrl,.lofi-locked .mp-queue .queue-head,.lofi-locked .mp-related .queue-head,.lofi-locked .player-view .mp-controls,.lofi-locked .player-view .mp-scrub,.lofi-locked .player-view .mp-volume,.lofi-locked .playerbar .pb-controls,.lofi-locked .playerbar .pb-reacts,.lofi-locked .playerbar .pb-right,.lofi-locked .playerbar .scrubber{pointer-events:none;opacity:.4;filter:grayscale(.3)}