:root{--bg:#0a0a0b;--s1:#141417;--s2:#1c1c21;--ln:rgba(255,255,255,.08);--tx:#f5f5f6;--mu:#8d8d97;color-scheme:dark}[data-theme=oled]{--bg:#000;--s1:#0b0b0c}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--tx);font:14px/1.4 Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:radial-gradient(60% 40% at 85% -10%,rgba(150,160,255,.1),transparent);pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}h1{font-size:clamp(26px,5vw,40px);letter-spacing:-.03em;line-height:1.1}h2{font-size:18px;margin:28px 0 12px;letter-spacing:-.01em}small{color:var(--mu)}.ic{flex:none;display:block}.art{aspect-ratio:1;position:relative;overflow:hidden;flex:none;box-shadow:0 8px 24px #00000059}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%)}.side{position:fixed;inset:0 auto 84px 0;width:232px;padding:22px 14px;background:var(--s1);border-right:1px solid var(--ln);display:flex;flex-direction:column;gap:4px;overflow:auto}.logo{display:flex!important;align-items:center;gap:10px;font-weight:700;letter-spacing:.14em;font-size:12px;margin:0 8px 22px;color:var(--tx)!important}.logo em{font-style:normal;font-weight:400;color:var(--mu)}.side a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;color:var(--mu);transition:.15s}.side a:hover,.side a.on{background:var(--s2);color:var(--tx)}.side hr{border:0;border-top:1px solid var(--ln);margin:12px 0}.main{margin-left:232px;padding:28px 36px 130px;max-width:1200px}.nav{display:none}.bar{position:fixed;inset:auto 0 0;height:84px;z-index:20;display:grid;grid-template-columns:1fr minmax(320px,560px) 1fr;align-items:center;gap:16px;padding:0 20px;background:#141417b8;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-top:1px solid var(--ln)}.bar.idle{display:flex;justify-content:center;color:var(--mu)}.bi{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer}.bi .art{width:52px}.tt{display:flex;flex-direction:column;min-width:0;flex:1}.tt b,.tt a,.tt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt a{color:var(--mu)}.tt a:hover{color:var(--tx)}.bc{display:flex;flex-direction:column;gap:2px;align-items:center}.br{display:flex;justify-content:flex-end;align-items:center;gap:8px}.ctl{display:flex;align-items:center;gap:14px}.ib{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--mu);position:relative;transition:.15s;flex:none}.ib:hover{color:var(--tx);transform:scale(1.08)}.ib.on,.ib.lk{color:var(--tx)}.ib.on:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--tx)}.one{position:absolute;font:700 8px sans-serif;top:9px;right:8px;font-style:normal}.pp{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#000;transition:transform .15s}.pp:active{transform:scale(.92)}.big .pp{width:68px;height:68px}.seek{display:flex;align-items:center;gap:10px;width:100%;font-size:11px;color:var(--mu);font-variant-numeric:tabular-nums}input[type=range]{flex:1;height:4px;appearance:none;-webkit-appearance:none;border-radius:2px;background:linear-gradient(90deg,#fff var(--p,0%),rgba(255,255,255,.16) 0);cursor:pointer;min-width:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;opacity:0;transition:.15s}input[type=range]:hover::-webkit-slider-thumb{opacity:1}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.vol{display:flex;align-items:center;gap:4px;width:130px}.line{display:none}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(140px,16vw,180px);gap:8px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.card{display:flex;flex-direction:column;gap:2px;text-align:left;scroll-snap-align:start;padding:10px;border-radius:12px;transition:background .2s,transform .2s;min-width:0}.card:hover{background:var(--s1)}.card:active{transform:scale(.98)}.card .art{width:100%;margin-bottom:8px}.card b,.card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.quick button{display:flex;align-items:center;gap:12px;padding-right:12px;background:var(--s1);border-radius:8px;text-align:left;overflow:hidden;font-weight:500;transition:background .2s}.quick button:hover{background:var(--s2)}.quick .art{width:52px}.trk{display:grid;grid-template-columns:36px 40px 1fr 36px 36px 44px;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer}.trk:hover{background:var(--s1)}.trk.on b{text-decoration:underline}.trk .art{width:40px}.pn{color:var(--mu);font-variant-numeric:tabular-nums;display:grid;place-items:center}.du{color:var(--mu);text-align:right;font-size:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:99px;background:#fff;color:#000;font-weight:600;transition:transform .15s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4}.btn.ghost{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1px var(--ln)}.dh{display:flex;gap:28px;align-items:flex-end;margin-bottom:8px}.dh .art{width:clamp(130px,22vw,220px)}.dh .tt{gap:8px}.dh h1{white-space:normal}.dh .tt span{color:var(--mu)}.acts{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 8px}.tabs{display:flex;gap:8px;overflow-x:auto;margin:20px 0}.tabs a{padding:8px 16px;border-radius:99px;background:var(--s1);white-space:nowrap;color:var(--mu)}.tabs a.on{background:#fff;color:#000}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:64px 16px;color:var(--mu)}.empty h3{color:var(--tx)}.empty .btn{margin-top:8px}.sk{border-radius:10px;background:linear-gradient(90deg,var(--s1),var(--s2),var(--s1));background-size:200% 100%;animation:sh 1.3s infinite}@keyframes sh{to{background-position:-200% 0}}.sk-wrap .grid{margin-top:24px}.sinp{width:100%;padding:14px 18px;border-radius:99px;border:1px solid var(--ln);background:var(--s1);color:var(--tx);font:inherit;outline:0}.sinp:focus{border-color:#ffffff4d}.set{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--ln)}.set div{display:flex;flex-direction:column}.set select{background:var(--s2);color:var(--tx);border:1px solid var(--ln);border-radius:8px;padding:8px}.set input[type=checkbox]{appearance:none;-webkit-appearance:none;width:42px;height:24px;border-radius:12px;background:var(--s2);position:relative;transition:.2s;flex:none;cursor:pointer}.set input:after{content:"";position:absolute;inset:3px auto 3px 3px;width:18px;border-radius:50%;background:var(--mu);transition:.2s}.set input:checked{background:#fff}.set input:checked:after{background:#000;transform:translate(18px)}.set input:disabled{opacity:.4}.np{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;gap:18px;align-items:center;padding:max(16px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:radial-gradient(90% 60% at 50% 0,hsl(var(--h) 45% 24%),var(--bg) 75%);animation:up .3s cubic-bezier(.2,.8,.2,1);overflow:auto}.np>*{width:100%;max-width:440px}.np header{display:flex;justify-content:space-between;align-items:center}.np header small{letter-spacing:.16em;font-size:11px}.np .big{width:min(100%,46vh);align-self:center;margin:auto;transform:scale(.93);transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 80px #0000008c}.np .big.go{transform:none}.meta{display:flex;align-items:center;gap:12px}.meta b{font-size:22px}.np .ctl{justify-content:space-between}.np .vol{width:100%}.queue{list-style:none;padding:0;flex:1;overflow:auto}.queue li{display:flex;gap:12px;align-items:center;padding:8px;border-radius:8px;cursor:pointer}.queue li.on{background:#ffffff1a}.queue .art{width:44px}@keyframes up{0%{transform:translateY(24px);opacity:0}}.toasts{position:fixed;left:50%;bottom:108px;transform:translate(-50%);z-index:60;display:grid;gap:8px;pointer-events:none}.toasts div{padding:10px 18px;border-radius:99px;background:#f5f5f6f2;color:#000;font-weight:500;animation:up .25s;white-space:nowrap}.scrim{position:fixed;inset:0;z-index:50;background:#0000008c;display:grid;place-items:center;padding:16px}.sheet{width:100%;max-width:380px;background:var(--s1);border:1px solid var(--ln);border-radius:16px;padding:20px;display:grid;gap:4px;animation:up .2s}.opt{display:flex;justify-content:space-between;padding:12px 8px;border-radius:8px;text-align:left}.opt:hover{background:var(--s2)}.sheet .btn{justify-content:center;margin-top:12px}@media (max-width:820px){.side{display:none}.main{margin:0;padding:20px 16px 150px}.nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;inset:auto 0 0;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:25;background:#0a0a0bdb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--ln)}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--mu)}.nav a.on{color:var(--tx)}.bar{bottom:calc(58px + env(safe-area-inset-bottom));height:62px;grid-template-columns:1fr auto;margin:0 8px;left:0;right:0;border:1px solid var(--ln);border-radius:14px;padding:0 10px;overflow:hidden}.bar .seek,.bar .br,.bar .x{display:none}.bar .bc{display:contents}.bar .ctl{gap:6px}.bi .art{width:44px}.line{display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:#fff;transform-origin:left}.trk{grid-template-columns:30px 40px 1fr 32px 32px}.trk .du{display:none}.dh{flex-direction:column;align-items:flex-start}.toasts{bottom:140px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.art-ph{position:absolute;inset:18%;width:auto;height:auto;opacity:.9;pointer-events:none}.art{position:relative;overflow:hidden}:root{--bg: #070708;--bg2: #0e0e10;--bg3: #141417;--surf: rgba(22, 22, 26, .72);--ln: rgba(255, 255, 255, .06);--ln2: rgba(255, 255, 255, .1);--tx: #f4f4f5;--mu: #a1a1aa;--mu2: #71717a;--ac: #38bdf8;--ac2: #0ea5e9;--ac-dim: rgba(56, 189, 248, .12);--danger: #ef4444;--ok: #4ade80;--r: 10px;--r-lg: 14px;--side-w: 248px;--bar-h: 84px;--nav-h: 64px;--font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}html{color-scheme:dark}body{font-family:var(--font);letter-spacing:-.011em;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}.side{position:fixed;left:0;top:0;bottom:0;width:var(--side-w);display:flex;flex-direction:column;gap:4px;padding:18px 12px 16px;background:linear-gradient(180deg,#0b0b0d,#080809);border-right:1px solid var(--ln);z-index:20;overflow:hidden}.logo{display:flex;align-items:center;gap:10px;padding:6px 10px 18px;color:var(--tx);text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.02em}.logo em{font-style:normal;color:var(--ac);font-weight:600}.logo-mark{flex-shrink:0;filter:drop-shadow(0 0 8px rgba(56,189,248,.25))}.logo-text{white-space:nowrap}.side-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.side a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--mu);text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s,color .15s}.side a:hover{color:var(--tx);background:#ffffff0a}.side a.on{color:var(--tx);background:var(--ac-dim)}.side a.on .ic{color:var(--ac)}.side a em{margin-left:auto;font-style:normal;font-size:11px;color:var(--mu2);background:#ffffff0f;padding:2px 7px;border-radius:99px}.side-section{display:flex;flex-direction:column;gap:1px;margin-top:8px;min-height:0}.side-label{display:block;padding:8px 12px 6px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mu2)}.side-pl{flex:1;overflow-y:auto;margin-top:10px;mask-image:linear-gradient(to bottom,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.side-pl .pl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--ln);display:flex;flex-direction:column;gap:2px}.main{margin-left:var(--side-w);padding:28px 32px calc(var(--bar-h) + 28px);min-height:100dvh;max-width:1400px}.nav{display:none;position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0a0a0ceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--ln);z-index:25;justify-content:space-around;align-items:center}.nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--mu2);text-decoration:none;font-size:10px;font-weight:500;padding:8px 16px;min-width:64px}.nav a.on{color:var(--ac)}.nav a .ic{opacity:.9}@media (max-width: 820px){.side{display:none}.main{margin-left:0;padding:20px 16px calc(var(--bar-h) + var(--nav-h) + env(safe-area-inset-bottom) + 16px)}.nav{display:flex}}h1{font-size:clamp(26px,4vw,36px);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 8px}h2{font-size:18px;font-weight:650;letter-spacing:-.02em;margin:28px 0 14px;color:var(--tx)}h3{font-size:15px;font-weight:600;margin:0}.mu,small{color:var(--mu)}.err{color:#fca5a5;font-size:13px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:8px;padding-bottom:8px}.hero small{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ac);margin-bottom:6px}.row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(148px,168px);gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.row>*{scroll-snap-align:start}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.card{display:flex;flex-direction:column;gap:10px;text-align:left;background:transparent;border:0;color:inherit;cursor:pointer;padding:0;text-decoration:none;transition:transform .18s ease}.card:hover{transform:translateY(-2px)}.card .art{width:100%;aspect-ratio:1;border-radius:var(--r-lg);box-shadow:0 8px 24px #00000059;transition:box-shadow .2s}.card:hover .art{box-shadow:0 12px 32px #00000080}.card b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card small{font-size:12px;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trk{display:grid;grid-template-columns:36px 48px 1fr auto auto;gap:12px;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s}.trk:hover{background:#ffffff0a}.trk.on{background:var(--ac-dim)}.trk .pn{width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:var(--mu);font-size:13px;border-radius:6px}.trk:hover .pn,.trk.on .pn{color:var(--tx)}.trk .tt b{display:block;font-size:14px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trk .tt a,.trk .tt span{font-size:12.5px;color:var(--mu);text-decoration:none}.trk .tt a:hover{color:var(--tx);text-decoration:underline}.trk .du{font-size:12px;color:var(--mu2);font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.acts2{display:flex;gap:2px;opacity:0;transition:opacity .15s}.trk:hover .acts2,.trk.on .acts2{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:0;background:var(--tx);color:#0a0a0b;font-weight:650;font-size:13.5px;cursor:pointer;transition:transform .12s,opacity .12s}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--ln2)}.btn.ghost:hover{background:#ffffff0d}.btn.danger{background:var(--danger);color:#fff}.ib{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--tx);cursor:pointer;transition:background .12s,color .12s}.ib:hover{background:#ffffff14}.ib.on,.ib.lk{color:var(--ac)}.ib.lk .ic{fill:currentColor}.sinp{width:100%;max-width:560px;padding:14px 18px 14px 44px;border-radius:999px;border:1px solid var(--ln2);background:var(--bg3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M14 14l3 3'/%3E%3C/svg%3E") 16px center no-repeat;color:var(--tx);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.sinp:focus{border-color:#38bdf873;box-shadow:0 0 0 3px var(--ac-dim)}.sinp::placeholder{color:var(--mu2)}.bar{position:fixed;left:0;right:0;bottom:0;height:var(--bar-h);display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:16px;align-items:center;padding:0 20px;background:#0c0c0eeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--ln);z-index:40}@media (max-width: 820px){.bar{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));grid-template-columns:1fr auto;height:72px;padding:0 12px}.bar .vol,.bar .extra{display:none}}.empty{display:grid;place-items:center;text-align:center;gap:8px;padding:48px 24px;color:var(--mu)}.empty h3{color:var(--tx);font-size:18px}.empty .ic{opacity:.35;margin-bottom:8px}.sk{background:linear-gradient(90deg,var(--bg3) 25%,#1a1a1e 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.np{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 50% 0%,hsl(var(--h, 200) 40% 18% / .45),var(--bg) 55%);display:flex;flex-direction:column}.np .npi{flex:1;display:flex;flex-direction:column;max-width:520px;width:100%;margin:0 auto;padding:16px 24px 32px}.np header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.np header small{font-size:11px;letter-spacing:.14em;font-weight:600}.np .big{width:100%;max-width:400px;margin:0 auto 28px;aspect-ratio:1;border-radius:12px;box-shadow:0 24px 64px #00000080}.np .big.go{animation:spinArt 24s linear infinite}@keyframes spinArt{0%{filter:brightness(1)}50%{filter:brightness(1.05)}to{filter:brightness(1)}}.np .meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.np .meta .tt b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em}.np .meta .tt a,.np .meta .tt span{color:var(--mu);font-size:14px;text-decoration:none}.np .meta .tt a:hover{color:var(--ac)}.scrim{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);z-index:60;display:grid;place-items:end center;padding:16px}.sheet{width:100%;max-width:400px;background:var(--bg3);border:1px solid var(--ln2);border-radius:16px 16px 12px 12px;padding:20px;display:grid;gap:10px;margin-bottom:env(safe-area-inset-bottom)}.sheet h3{margin-bottom:4px}.opt{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:8px;border:0;background:transparent;color:var(--tx);font-size:14px;cursor:pointer;text-align:left}.opt:hover{background:#ffffff0f}.opt span{color:var(--mu2);font-size:12px}.toasts{position:fixed;top:16px;right:16px;z-index:70;display:grid;gap:8px}.toasts>div{padding:12px 16px;background:var(--bg3);border:1px solid var(--ln2);border-radius:10px;font-size:13px;box-shadow:0 8px 24px #0006;animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.set{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--ln)}.set b{display:block;font-size:14px;font-weight:550}.set small{display:block;font-size:12px;color:var(--mu);margin-top:2px}.set input[type=checkbox]{width:40px;height:22px;appearance:none;background:var(--bg3);border:1px solid var(--ln2);border-radius:99px;position:relative;cursor:pointer;transition:background .2s}.set input[type=checkbox]:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--mu);top:2px;left:3px;transition:transform .2s,background .2s}.set input[type=checkbox]:checked{background:var(--ac2);border-color:var(--ac2)}.set input[type=checkbox]:checked:after{transform:translate(16px);background:#fff}.art{position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1a22,#0d0d12)}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art-ph{position:absolute;inset:18%;width:auto;height:auto;opacity:.85;pointer-events:none}.eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px;vertical-align:middle}.eq b{width:3px;height:4px;background:var(--ac);border-radius:1px;animation:none}.eq.on b:nth-child(1){animation:eq .5s ease infinite alternate}.eq.on b:nth-child(2){animation:eq .5s ease .15s infinite alternate}.eq.on b:nth-child(3){animation:eq .5s ease .3s infinite alternate}@keyframes eq{0%{height:3px}to{height:12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}