:root{--bg: #000000;--panel: #121216;--panel-2: #191920;--raise: #212129;--raise-2: #2a2a34;--line: rgba(255,255,255,.07);--line-soft: rgba(255,255,255,.04);--tx: #edeef2;--tx-2: #a0a0ae;--tx-3: #6c6c7a;--accent: #1fdf64;--accent-hi: #3ce87c;--accent-dim:rgba(31,223,100,.15);--on-accent: #06140b;--r-sm: 6px;--r: 10px;--r-lg: 14px;--sidebar: 282px;--player: 84px;--lyrics: 352px;--ease: cubic-bezier(.2,.7,.3,1);--shadow-card: 0 10px 28px -12px rgba(0,0,0,.85);--shadow-pop: 0 18px 50px -16px rgba(0,0,0,.9), 0 0 0 1px var(--line)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--tx);font:400 14px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}h1,h2,h3{letter-spacing:-.022em;line-height:1.15;font-weight:700}img{display:block}.i{width:20px;height:20px;flex:none}::selection{background:var(--accent-dim)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff38;background-clip:content-box}.gate{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(70% 60% at 50% 0%,rgba(31,223,100,.13),transparent 70%),var(--bg)}.gate-card{width:min(380px,100%);text-align:center}.gate-mark{width:56px;height:56px;margin:0 auto 22px;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--accent-hi),#0b7a3c 72%);box-shadow:0 0 0 8px #1fdf6414,0 14px 40px -12px #1fdf648c;position:relative}.gate-mark:after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;border-radius:50%;background:var(--bg)}.gate h1{font-size:27px;font-weight:800}.gate p{color:var(--tx-2);margin:10px 0 22px;font-size:14px;line-height:1.65}.gate p b{color:var(--tx);font-weight:600}.gate .gate-hint{font-size:13px;color:var(--tx-3)}.gate code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;padding:1px 5px;border-radius:4px;background:var(--raise);color:var(--tx-2)}.gate .btn+.btn{margin-top:8px}.btn{display:block;width:100%;padding:12px 18px;border-radius:99px;font-weight:600;font-size:14px;transition:transform .12s var(--ease),background .15s,opacity .15s}.btn:active{transform:scale(.98)}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-accent:hover{background:var(--accent-hi)}.btn-ghost{color:var(--tx-2);margin-top:8px}.btn-ghost:hover{color:var(--tx)}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.shell{flex:1;min-height:0;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:8px;padding:8px 8px 0}.shell.with-panel{grid-template-columns:var(--sidebar) minmax(0,1fr) var(--lyrics)}.sidebar{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);display:flex;flex-direction:column;min-height:0;overflow:hidden}.side-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 14px 10px}.brand{display:flex;align-items:center;gap:11px;padding:4px 6px;border-radius:var(--r-sm);font-weight:700;font-size:14.5px;letter-spacing:-.01em;color:var(--tx-2);white-space:nowrap;transition:color .14s}.brand:hover{color:var(--tx)}.brand .i{width:22px;height:22px}.create-btn{display:flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border-radius:99px;background:var(--raise);color:var(--tx-2);font-size:12.5px;font-weight:600;white-space:nowrap;flex:none;transition:background .14s,color .14s,transform .12s var(--ease)}.create-btn:hover{background:var(--raise-2);color:var(--tx);transform:scale(1.03)}.create-btn .i{width:16px;height:16px}.chips{display:flex;gap:6px;padding:2px 14px 12px}.chip{padding:5px 11px;border-radius:99px;white-space:nowrap;background:var(--raise);color:var(--tx);font-size:12.5px;font-weight:500;transition:background .14s,color .14s}.chip:hover{background:var(--raise-2)}.chip.on{background:var(--tx);color:#0a0a0c}.playlist-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 12px}.pl-row{display:flex;align-items:center;gap:11px;padding:7px 8px;border-radius:var(--r-sm);transition:background .14s}.pl-row:hover{background:var(--line-soft)}.pl-row.on{background:var(--raise)}.pl-row .thumb{width:44px;height:44px;border-radius:5px;flex:none;object-fit:cover}.pl-row.round .thumb{border-radius:50%}.pl-row .txt{min-width:0}.pl-row .n{font-size:13.5px;font-weight:500}.pl-row .s{font-size:11.5px;color:var(--tx-3);margin-top:2px}.pl-row .n,.pl-row .s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-empty{padding:6px 16px;font-size:12.5px;color:var(--tx-3);line-height:1.6}.main{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.topbar{position:absolute;inset:0 0 auto;z-index:20;display:grid;align-items:center;gap:14px;grid-template-columns:minmax(96px,1fr) minmax(0,auto) minmax(96px,1fr);padding:12px 20px;background:linear-gradient(var(--panel) 55%,transparent);transition:background .2s}.topbar.stuck{background:#121216d9;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line-soft)}.nav-arrows{display:flex;gap:6px;align-items:center}.home-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--raise);color:var(--tx-2);transition:color .14s,background .14s,transform .12s var(--ease)}.home-btn:hover{color:var(--tx);background:var(--raise-2);transform:scale(1.04)}.home-btn.on{color:var(--tx)}.centre{display:flex;align-items:center;gap:10px;justify-content:center}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--tx-2);transition:color .14s,background .14s,transform .12s var(--ease)}.icon-btn:hover{color:var(--tx);background:var(--line-soft)}.icon-btn:active{transform:scale(.92)}.icon-btn:disabled{opacity:.3;pointer-events:none}.icon-btn.sm{width:28px;height:28px}.icon-btn.sm .i{width:16px;height:16px}.icon-btn.active{color:var(--accent)}.icon-btn.active:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.icon-btn{position:relative}.search-wrap{position:relative;width:min(460px,46vw);min-width:180px}.search-i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--tx-3);width:17px;height:17px;pointer-events:none}.search-wrap input{width:100%;padding:9px 14px 9px 40px;background:var(--raise);border:1px solid transparent;border-radius:99px;outline:none;font-size:13.5px;transition:border-color .15s,background .15s}.search-wrap input::placeholder{color:var(--tx-3)}.search-wrap input:focus{border-color:#1fdf6480;background:var(--raise-2)}.search-wrap input::-webkit-search-cancel-button{filter:invert(.6)}.me{display:flex;align-items:center;gap:9px;margin-left:auto;padding:4px 13px 4px 4px;background:var(--raise);border-radius:99px;font-size:13px;font-weight:500;transition:background .14s}.me:hover{background:var(--raise-2)}.me img{width:26px;height:26px;border-radius:50%;object-fit:cover;background:var(--raise-2)}.view{flex:1;overflow-y:auto;overflow-x:hidden;padding:66px 0 34px}.pad{padding-inline:28px}.greet{font-size:30px;font-weight:800;margin:12px 0 26px}.home-chips{display:flex;gap:8px;margin:2px 0 22px}.section{margin-bottom:34px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:15px}.section-head h2{font-size:20px}.section-head a{font-size:12px;font-weight:600;color:var(--tx-3);letter-spacing:.04em;text-transform:uppercase}.section-head a:hover{color:var(--tx)}.grid-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(184px,1fr))}.shelf{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;scroll-padding-left:0;padding-bottom:2px}.shelf::-webkit-scrollbar{display:none}.shelf.overflowing{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 90px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 90px),transparent)}.shelf{align-items:flex-start}.shelf>*{scroll-snap-align:start}.grid-cards.shelf{gap:0}.grid-cards.shelf>.card{flex:0 0 210px}.card{padding:13px;border-radius:var(--r);min-width:0;background:transparent;transition:background .18s var(--ease);position:relative}.card:hover{background:var(--panel-2)}.card-art{position:relative;margin-bottom:13px;aspect-ratio:1}.card-art img,.card-art .ph{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px;background:var(--raise);box-shadow:var(--shadow-card)}.card.round .card-art img,.card.round .card-art .ph{border-radius:50%}.card-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub{font-size:12.5px;color:var(--tx-3);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-fab{position:absolute;right:9px;bottom:9px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);box-shadow:0 8px 20px -6px #000c;opacity:0;transform:translateY(8px);transition:opacity .18s var(--ease),transform .18s var(--ease),background .14s}.play-fab .i{width:22px;height:22px}.card:hover .play-fab,.play-fab:focus-visible{opacity:1;transform:none}.play-fab:hover{background:var(--accent-hi);transform:scale(1.05)}.tiles{display:grid;gap:9px;grid-template-columns:repeat(auto-fill,minmax(min(100%,318px),1fr))}.tile{display:flex;align-items:center;gap:13px;background:var(--raise);border-radius:7px;overflow:hidden;position:relative;transition:background .16s}.tile:hover{background:var(--raise-2)}.tile img,.tile .ph{width:56px;height:56px;flex:none;object-fit:cover;background:var(--panel-2)}.tile{min-width:0}.tile.round img,.tile.round .ph{border-radius:50%;margin-left:8px;width:46px;height:46px}.tile span{font-size:13.5px;font-weight:600;padding-right:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .play-fab{width:38px;height:38px;right:10px;bottom:10px}.tile .play-fab .i{width:18px;height:18px}.hero{display:flex;align-items:flex-end;gap:24px;padding:26px 28px 22px;position:relative}.hero:before{content:"";position:absolute;inset:-80px 0 0;background:linear-gradient(180deg,var(--hero,#333) 0%,transparent 100%);opacity:.5;z-index:-1}.hero-art{width:208px;height:208px;flex:none;border-radius:8px;object-fit:cover;background:var(--raise);box-shadow:0 22px 48px -18px #000000f2}.hero.round .hero-art{border-radius:50%}.hero-meta{min-width:0;padding-bottom:6px}.hero-kicker{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-2)}.hero-title{font-size:clamp(30px,5vw,56px);font-weight:800;letter-spacing:-.035em;margin:10px 0 14px;line-height:1.05;overflow-wrap:anywhere}.hero-sub{font-size:13.5px;color:var(--tx-2);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hero-sub a{font-weight:600;color:var(--tx)}.hero-sub a:hover{text-decoration:underline}.dot{width:3px;height:3px;border-radius:50%;background:var(--tx-3)}.hero-actions{display:flex;align-items:center;gap:14px;padding:4px 28px 20px}.big-play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);box-shadow:0 10px 26px -8px #1fdf6473;transition:transform .14s var(--ease),background .14s}.big-play .i{width:26px;height:26px}.big-play:hover{transform:scale(1.05);background:var(--accent-hi)}.tracks{padding:0 16px}.tracks.two-col{display:grid;column-gap:26px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-auto-rows:max-content}.tr{display:grid;align-items:center;gap:14px;grid-template-columns:26px minmax(0,1fr) minmax(0,.7fr) 74px;padding:8px 12px;border-radius:7px;transition:background .12s;cursor:default}.tr.with-art{grid-template-columns:26px 40px minmax(0,1fr) minmax(0,.7fr) 74px}.tr.no-album{grid-template-columns:26px minmax(0,1fr) 74px}.tr.with-art.no-album{grid-template-columns:26px 40px minmax(0,1fr) 74px}.tr-head{color:var(--tx-3);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--line-soft);border-radius:0;padding-bottom:9px;margin-bottom:8px}.tr-head:hover{background:none}.tr:not(.tr-head):hover{background:var(--raise)}.tr .idx{text-align:right;color:var(--tx-3);font-size:13.5px;font-variant-numeric:tabular-nums}.tr:not(.tr-head):hover .idx-n{display:none}.tr .idx-p{display:none;color:var(--tx)}.tr:not(.tr-head):hover .idx-p{display:block;margin-left:auto}.tr .idx-p .i{width:14px;height:14px}.tr .art{width:40px;height:40px;border-radius:4px;object-fit:cover;background:var(--raise)}.tr .t-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr .t-sub{font-size:12.5px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.tr .t-sub a:hover{color:var(--tx);text-decoration:underline}.tr .dur{color:var(--tx-3);font-size:13px;font-variant-numeric:tabular-nums}.tr .row-more{opacity:0}.tr:hover .row-more{opacity:1}.tr.playing .t-name,.tr.playing .idx{color:var(--accent)}.eq{display:inline-flex;gap:2px;align-items:flex-end;height:13px}.eq i{width:2.5px;background:var(--accent);border-radius:1px;animation:eq .9s ease-in-out infinite}.eq i:nth-child(1){height:60%;animation-delay:-.2s}.eq i:nth-child(2){height:100%;animation-delay:-.5s}.eq i:nth-child(3){height:40%}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.eq.paused i{animation-play-state:paused}.res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px;align-items:start}.top-result{padding:20px;border-radius:var(--r);background:var(--panel-2);position:relative;transition:background .16s}.top-result:hover{background:var(--raise)}.top-result img,.top-result .ph{width:88px;height:88px;flex:none;border-radius:6px;object-fit:cover;margin-bottom:16px;box-shadow:var(--shadow-card)}.top-result.round img,.top-result.round .ph{border-radius:50%}.top-result .n{font-size:26px;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}.top-result .s{color:var(--tx-3);font-size:13px;margin-top:8px}.top-result .play-fab{right:18px;bottom:18px}.side-panel-right{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{padding:14px 14px 10px;border-bottom:1px solid var(--line-soft)}.panel-kicker{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);padding:0 2px 9px}.panel-tabs{display:flex;align-items:center;gap:6px}.panel-tabs .icon-btn{margin-left:auto}.panel-body{flex:1;overflow-y:auto;padding:16px 14px 28px}.panel-note{color:var(--tx-2);font-size:14px;padding:20px 4px;line-height:1.7}.np-art{display:block;width:100%;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:var(--raise);box-shadow:0 16px 40px -18px #000000e6}.np-art img,.np-art .ph{width:100%;height:100%;object-fit:cover}.np-meta{display:flex;align-items:flex-start;gap:10px;margin:18px 2px 4px}.np-title{display:block;font-size:23px;font-weight:800;letter-spacing:-.025em;line-height:1.2;overflow-wrap:anywhere}.np-title:hover{text-decoration:underline}.np-artist{font-size:13.5px;color:var(--tx-2);margin-top:5px}.np-artist a:hover{color:var(--tx);text-decoration:underline}.np-card{background:var(--panel-2);border-radius:var(--r);overflow:hidden;margin-top:16px}.np-banner{display:block;aspect-ratio:16/10;background:var(--raise)}.np-banner img,.np-banner .ph{width:100%;height:100%;object-fit:cover}.np-card-body{padding:14px 16px 18px}.np-card-body h4{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--tx-3);margin-bottom:10px}.np-name{font-size:16px;font-weight:700}.np-name:hover{text-decoration:underline}.np-stat{font-size:12.5px;color:var(--tx-3);margin-top:4px}.np-follow{margin-top:14px}.credit{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 0}.credit a{font-size:13.5px;font-weight:600}.credit a:hover{text-decoration:underline}.credit span{font-size:12px;color:var(--tx-3)}.ly{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--tx-3);padding:7px 0;cursor:pointer;transition:color .3s var(--ease),opacity .3s;opacity:.5}.ly.past{opacity:.35}.ly.now{color:var(--accent-hi);opacity:1}.lyrics-plain{white-space:pre-wrap;color:var(--tx-2);font-size:15px;line-height:1.85}.player{height:var(--player);flex:none;display:grid;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:16px;padding:0 18px}.now{display:flex;align-items:center;gap:13px;min-width:0}.now-art{flex:none}.now-art img,.now-art .ph{width:54px;height:54px;border-radius:6px;object-fit:cover;background:var(--raise);box-shadow:var(--shadow-card)}.now-meta{min-width:0}.now-title{font-size:13.5px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-title:hover{text-decoration:underline}.now-artist{font-size:12px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.now-artist a:hover{color:var(--tx);text-decoration:underline}.controls{display:flex;flex-direction:column;align-items:center;gap:5px}.buttons{display:flex;align-items:center;gap:6px}.play-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--tx);color:#0a0a0c;transition:transform .13s var(--ease)}.play-btn:hover{transform:scale(1.07)}.play-btn:active{transform:scale(.95)}.scrub{display:flex;align-items:center;gap:10px;width:100%;max-width:540px}.t{font-size:11px;color:var(--tx-3);font-variant-numeric:tabular-nums;min-width:34px}.t:last-child{text-align:right}.range{-webkit-appearance:none;appearance:none;flex:1;height:14px;background:none;cursor:pointer}.range::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(to right,var(--accent) var(--pct,0%),rgba(255,255,255,.14) var(--pct,0%))}.range::-moz-range-track{height:4px;border-radius:99px;background:#ffffff24}.range::-moz-range-progress{height:4px;border-radius:99px;background:var(--accent)}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;margin-top:-3.5px;opacity:0;transition:opacity .15s}.range::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff;opacity:0}.range:hover::-webkit-slider-thumb,.range:active::-webkit-slider-thumb{opacity:1}.range:hover::-moz-range-thumb{opacity:1}.extras{display:flex;align-items:center;justify-content:flex-end;gap:4px}.vol{max-width:92px;flex:none}.ctx{position:fixed;z-index:200;min-width:208px;background:var(--raise);border-radius:var(--r);box-shadow:var(--shadow-pop);padding:5px;animation:pop .12s var(--ease)}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(-3px)}}.ctx button,.ctx a{display:flex;align-items:center;gap:10px;width:100%;padding:8px 11px;border-radius:6px;font-size:13.5px;text-align:left;color:var(--tx-2);transition:background .12s,color .12s}.ctx button:hover,.ctx a:hover{background:var(--raise-2);color:var(--tx)}.ctx hr{border:0;border-top:1px solid var(--line);margin:5px 4px}.ctx .label{padding:8px 11px 5px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3);font-weight:700}.overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .15s var(--ease)}@keyframes fade{0%{opacity:0}}.sheet{width:min(400px,100%);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-pop);animation:pop .16s var(--ease)}.sheet h3{font-size:18px;margin-bottom:16px}.sheet input[type=text]{width:100%;padding:11px 13px;margin-bottom:16px;background:var(--raise);border:1px solid var(--line);border-radius:8px;outline:none;font-size:14px}.sheet input[type=text]:focus{border-color:#1fdf648c}.sheet-actions{display:flex;gap:9px;justify-content:flex-end}.sheet-actions .btn{width:auto;padding:9px 18px}.sheet-list{max-height:300px;overflow-y:auto;margin:-4px -6px 14px}.sheet-list button{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;border-radius:8px;font-size:14px;text-align:left;transition:background .12s}.sheet-list button:hover{background:var(--raise)}.sheet-list img,.sheet-list .ph{width:36px;height:36px;border-radius:5px;object-fit:cover;background:var(--raise-2);flex:none}.toast{position:fixed;left:50%;bottom:calc(var(--player) + 18px);transform:translate(-50%);z-index:400;padding:11px 20px;border-radius:99px;background:var(--raise);border:1px solid var(--line);box-shadow:var(--shadow-pop);font-size:13.5px;font-weight:500;animation:rise .2s var(--ease)}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}.ph{display:grid;place-items:center;background:linear-gradient(135deg,var(--raise),var(--panel-2));color:var(--tx-3)}.ph .i{width:42%;height:42%}.skel{background:linear-gradient(90deg,var(--panel-2) 25%,var(--raise) 37%,var(--panel-2) 63%);background-size:400% 100%;animation:shimmer 1.3s linear infinite;border-radius:7px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{padding:60px 8px;text-align:center;color:var(--tx-3)}.empty svg{width:40px;height:40px;margin-bottom:14px;opacity:.5}.empty p{font-size:14px}@media(max-width:1100px){.shell.with-panel{grid-template-columns:var(--sidebar) minmax(0,1fr)}.shell.with-panel .side-panel-right{display:none}}@media(max-width:860px){:root{--sidebar: 72px}.brand span,.create-btn span,.chips,.pl-row .txt{display:none}.side-top,.brand{justify-content:center;padding-inline:0}.pl-row{justify-content:center}.extras .vol,#c-queue{display:none}.hero{flex-direction:column;align-items:flex-start}.hero-art{width:150px;height:150px}.player{grid-template-columns:minmax(0,1fr) auto;gap:10px}.controls .scrub,.extras{display:none}}.lib-filter{padding:7px 14px;border-radius:99px;background:var(--raise);border:1px solid transparent;outline:none;font-size:13px;width:180px;transition:border-color .15s,background .15s}.lib-filter:focus{border-color:#1fdf6480;background:var(--raise-2)}.lib-filter::placeholder{color:var(--tx-3)}.lib-filter::-webkit-search-cancel-button{filter:invert(.6)}