.shell{min-height:100dvh}.shell:not(.shell--bare):after{content:"";height:calc(var(--tabbar-h) + 50px);pointer-events:none;z-index:35;background:linear-gradient(#0000,#0a0c12e6 62%,#0a0c12);transition:height .25s;position:fixed;bottom:0;left:0;right:0}.shell:has(.miniplayer):not(.shell--bare):after{height:calc(var(--tabbar-h) + 120px)}@media (min-width:1024px){.shell:not(.shell--bare):after{left:var(--sidebar-w);height:calc(var(--playerbar-h) + 46px)}.shell:not(:has(.playerbar)):after{display:none}}.shell-main{padding-bottom:calc(var(--tabbar-h) + 84px);max-width:640px;margin:0 auto}.shell--bare .shell-main{padding-bottom:40px}@media (min-width:1024px){.shell{display:flex}.shell-main{min-width:0;max-width:none;padding-bottom:calc(var(--playerbar-h) + 40px);flex:1;margin:0}}.tabbar{height:var(--tabbar-h);padding:10px 30px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px);z-index:40;background:linear-gradient(#0a0c1266,#0a0c12f5 46%);border-top:1px solid #ffffff0f;justify-content:space-between;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:#f5f7fb6b;font:600 10px var(--font-ui);flex-direction:column;align-items:center;gap:5px;min-width:44px;display:flex}.tabbar a[data-active=true]{color:var(--ink-500);font-weight:700}@media (min-width:1024px){.tabbar{display:none}}.miniplayer{bottom:calc(var(--tabbar-h) + 10px);background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);z-index:41;border:1px solid #ffffff17;border-radius:16px;align-items:center;gap:12px;height:60px;padding:0 12px;display:flex;position:fixed;left:9px;right:9px;box-shadow:0 14px 34px -14px #000000bf}.miniplayer-title{font:500 15px/1.1 var(--font-title);white-space:nowrap;text-overflow:ellipsis;font-style:italic;overflow:hidden}.miniplayer-sub{font:600 11px var(--font-ui);color:#f5f7fb8c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (min-width:1024px){.miniplayer{display:none}}.sidebar{display:none}@media (min-width:1024px){.sidebar{width:var(--sidebar-w);background:var(--bg-chrome);z-index:30;border-right:1px solid #ffffff0f;flex-direction:column;flex:none;height:100vh;padding:22px 14px;transition:width .18s;display:flex;position:sticky;top:0}.shell:has(.playerbar) .sidebar{padding-bottom:calc(var(--playerbar-h) + 18px)}}.sidebar-top{justify-content:space-between;align-items:center;gap:8px;padding:0 8px 24px;display:flex}.sidebar-brand{font:800 20px/1 var(--font-ui);letter-spacing:-.02em;align-items:center;gap:9px;min-width:0;display:flex;overflow:hidden}.sidebar-collapse-btn{color:#f5f7fb80;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:inline-flex}.sidebar-collapse-btn:hover{background:#ffffff0f}.sidebar[data-collapsed=true] .sidebar-top{flex-direction:column;gap:14px;padding:0 0 22px}.sidebar[data-collapsed=true] .sidebar-nav a{justify-content:center;padding:0}.sidebar-nav a{color:#f5f7fb8c;height:42px;font:600 14px var(--font-ui);border-radius:11px;align-items:center;gap:12px;padding:0 12px;transition:background .15s;display:flex}.sidebar-nav a:hover{background:#ffffff0d}.sidebar-nav a[data-active=true]{color:var(--text-1);background:#ffffff12;font-weight:700}.sidebar-sep{background:#ffffff12;height:1px;margin:16px 8px}.sidebar-label{font:800 10px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);padding:0 8px 10px}.sidebar-follow{border-radius:9px;align-items:center;gap:10px;padding:6px 8px;transition:background .15s;display:flex}.sidebar-follow:hover,.sidebar-follow[data-active=true]{background:#ffffff0d}.sidebar-follow .tw{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-follow .t{min-width:0;font:500 13.5px/1.1 var(--font-title);white-space:nowrap;text-overflow:ellipsis;font-style:italic;overflow:hidden}.sidebar-follow .c{font:600 10.5px/1 var(--font-ui);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.follow-play{color:#f5f7fb8c;opacity:0;background:#ffffff0f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .15s,color .15s,background .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.sidebar-follow:hover .follow-play,.follow-play[data-on=true],.follow-play:focus-visible{opacity:1}.follow-play:hover{color:#0d1117;background:var(--ink-500);box-shadow:none}.follow-play[data-on=true]{color:var(--ink-300);background:#54e0d01f;box-shadow:inset 0 0 0 1px #54e0d04d}.sidebar-ink{background:#54e0d014;border:1px solid #54e0d033;border-radius:14px;align-items:center;gap:11px;margin-top:auto;padding:12px 13px;display:flex}.sidebar-ink .get{font:800 12px var(--font-ui);color:var(--text-on-accent);background:var(--ink-500);border-radius:999px;padding:6px 11px}.sidebar-ink[data-low]{background:#ffc16b1a;border-color:#ffc16b6b}.sidebar-ink .claim{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.claim-dot{background:var(--ink-300);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite claim-pulse}.sidebar-ink .claim .claim-dot{background:var(--text-on-accent)}@keyframes claim-pulse{0%,to{box-shadow:0 0 #54e0d08c}50%{box-shadow:0 0 0 5px #54e0d000}}.rail-claim{background:#54e0d01a;border:1px solid #54e0d040;border-radius:12px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;margin:10px auto 0;display:flex;position:relative}.rail-claim .claim-dot{position:absolute;top:-2px;right:-2px}.playerbar{display:none}@media (min-width:1024px){.playerbar{height:var(--playerbar-h);background:var(--bg-bar);-webkit-backdrop-filter:blur(24px);z-index:45;border-top:1px solid #ffffff12;align-items:center;gap:22px;padding:0 22px;display:flex;position:fixed;bottom:0;left:0;right:0}}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);background:var(--bg-raised);color:var(--text-1);font:700 11px var(--font-ui);white-space:nowrap;opacity:0;pointer-events:none;z-index:60;border-radius:7px;padding:5px 9px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 6px 20px -6px #0009,inset 0 0 0 1px #ffffff14}@media (hover:hover){[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){[data-tip]:after{transition:opacity .12s;transform:translate(-50%)}}.playerbar-side{flex:none;align-items:center;gap:13px;width:296px;display:flex}.playerbar-center{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:600px;margin:0 auto;display:flex}.playerbar-clock{font:600 11px var(--font-ui);color:var(--text-3);font-variant-numeric:tabular-nums}.playbtn{background:var(--text-1);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .12s;display:inline-flex;box-shadow:0 6px 18px -6px #00000080}.playbtn:active{transform:scale(.94)}.skipbtn{color:#f5f7fbbf;cursor:pointer;flex-direction:column;align-items:center;gap:2px;display:flex}.skipbtn .n{font:700 8px var(--font-ui);margin-top:-2px}.speedchip{font:700 12px var(--font-ui);color:#f5f7fbb3;cursor:pointer}.eq{justify-content:center;align-items:center;gap:2px;height:16px;display:inline-flex}.eq span{background:var(--ink-500);border-radius:2px;width:3px;height:9px}.eq span:nth-child(2){height:15px}.eq span:nth-child(3){height:7px}.eq--on span{animation:1s ease-in-out infinite eqbounce}.eq--on span:nth-child(2){animation-delay:.2s}.eq--on span:nth-child(3){animation-delay:.35s}@keyframes eqbounce{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}.fullplayer{z-index:60;background:var(--bg-app);animation:.28s cubic-bezier(.2,.9,.3,1) playerIn;position:fixed;inset:0;overflow-y:auto}@keyframes playerIn{0%{opacity:0;transform:translateY(4%)}to{opacity:1;transform:none}}.fullplayer-ambient{pointer-events:none;position:absolute;inset:0}.fullplayer-inner{flex-direction:column;max-width:520px;min-height:100%;margin:0 auto;padding:14px 22px 30px;display:flex;position:relative}@media (min-width:1024px){.fullplayer-inner{max-width:1160px;padding:20px 30px 30px}.fullplayer-columns{flex:1;align-items:center;gap:40px;display:flex}.fullplayer-maincol{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.queue-rail{flex:none;align-self:stretch;align-items:center;width:372px;display:flex}.queue-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;width:100%;max-height:min(560px,100vh - 200px);padding:22px 20px;transition:border-color .4s,box-shadow .4s;display:flex;overflow:hidden}.queue-head{flex:none;justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.queue-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;margin:0 -6px;padding:0 6px;overflow-y:auto}.queue-card[data-pulse=true]{border-color:#54e0d080;box-shadow:0 0 34px -10px #54e0d080}}.queue-bulkbar{background:#54e0d01a;border:1px solid #54e0d03d;border-radius:14px;flex:none;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.queue-bulk-clear{font:700 13px var(--font-ui);color:#f5f7fb99;border-radius:10px;padding:8px 12px;transition:color .15s,background .15s}.queue-bulk-clear:hover{color:var(--text-1);background:#ffffff0f}.unlock-scrim{z-index:70;background:#06070bbd;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.unlock-sheet{background:var(--bg-raised);padding:12px 22px calc(30px + env(safe-area-inset-bottom,0px));z-index:71;border-top:1px solid #ffffff1a;border-radius:30px 30px 0 0;max-width:560px;margin:0 auto;animation:.28s cubic-bezier(.2,.9,.3,1) sheetUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -24px 60px -20px #000000b3}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (min-width:1024px){.unlock-sheet{border:1px solid #ffffff1a;border-radius:26px;width:452px;padding:28px 28px 24px;animation:.22s fadeIn;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 50px 100px -30px #000000d9}}.unlock-grabber{background:#ffffff38;border-radius:3px;width:40px;height:5px;margin:0 auto 20px}@media (min-width:1024px){.unlock-grabber{display:none}}.bulkbar{left:12px;right:12px;bottom:calc(var(--tabbar-h) + 12px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:42;background:#14171ff5;border:1px solid #54e0d057;border-radius:15px;align-items:center;gap:10px;max-width:616px;height:56px;margin:0 auto;padding:0 8px 0 15px;transition:bottom .25s;animation:.22s sheetUp;display:flex;position:fixed;box-shadow:0 16px 40px -12px #000000bf,0 0 30px -13px #54e0d080}.shell:has(.miniplayer) .bulkbar{bottom:calc(var(--tabbar-h) + 82px)}@media (min-width:1024px){.bulkbar{left:calc(var(--sidebar-w) + 40px);max-width:none;height:58px;margin:0;padding:0 10px 0 18px;bottom:20px;right:34px}.shell:has(.playerbar) .bulkbar{bottom:calc(var(--playerbar-h) + 14px)}}.toast-wrap{left:0;right:0;bottom:calc(var(--tabbar-h) + 86px);pointer-events:none;z-index:90;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}@media (min-width:1024px){.toast-wrap{bottom:calc(var(--playerbar-h) + 20px)}}.toast{-webkit-backdrop-filter:blur(30px)saturate(2);backdrop-filter:blur(30px)saturate(2);font:600 13px var(--font-ui);text-shadow:0 1px 2px #00000073;background:linear-gradient(160deg,#ffffff1f,#ffffff08 38%,#fff0 62%,#ffffff0d),#10141c29;border:none;border-radius:999px;max-width:90vw;padding:13px 21px;transition:opacity .25s,transform .25s;animation:.28s cubic-bezier(.32,.9,.35,1.15) toastIn;box-shadow:0 18px 44px -14px #00000080,inset 0 1px 1px #fff3,inset 0 -1px 1px #ffffff0d}.toast[data-leaving]{opacity:0;transform:translateY(8px)scale(.97)}.toast[data-tone=ink]{background:linear-gradient(160deg,#ffffff1f,#ffffff08 38%,#fff0 62%,#ffffff0d),linear-gradient(#54e0d01a,#54e0d00a),#10141c29;box-shadow:0 18px 44px -14px #00000080,inset 0 1px 1px #c4f6f03d,inset 0 -1px 1px #54e0d012}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)scale(.95)}}