:root{--bg:#fdfcfa;--side:#f4f1ec;--raise:#e9e4dd;--hover:#28190a0d;--line:#28190a1a;--ink:#1f1b17;--mist:#6b635b;--accent:#c9431c;--on-accent:#fff;--purple:#6a45c9;--glass:#fdfcfaeb;--card:#fffffff7;--zebra:#28190a09;--track:#00000012;--shadow:#28140059;--danger:#c23b2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--f:"Alegreya Sans", "Gill Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--gutter:clamp(16px,3vw,40px)}@media (prefers-color-scheme:dark){:root:not([data-lde]){--bg:#141117;--side:#1b1820;--raise:#2a2530;--hover:#ffffff0f;--line:#ffffff17;--ink:#f2edf5;--mist:#a49cac;--accent:#ff6b3d;--purple:#a47ff6;--glass:#141117e6;--card:#24202af7;--zebra:#ffffff09;--track:#ffffff17;--shadow:#0009;--danger:#ff7a66;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-lde=dark]{--bg:#141117;--side:#1b1820;--raise:#2a2530;--hover:#ffffff0f;--line:#ffffff17;--ink:#f2edf5;--mist:#a49cac;--accent:#ff6b3d;--purple:#a47ff6;--glass:#141117e6;--card:#24202af7;--zebra:#ffffff09;--track:#ffffff17;--shadow:#0009;--danger:#ff7a66;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:400 16px/1.4 var(--f);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-variant-numeric:lining-nums;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.i{flex:none;width:20px;height:20px;display:block}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--bg);color:var(--ink);border-radius:8px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}@media (prefers-color-scheme:dark){:root:not([data-lde]){--on-accent:#1f1b17}}:root[data-lde=dark]{--on-accent:#1f1b17}.app{grid-template-rows:minmax(0,1fr);grid-template-columns:248px minmax(0,1fr);height:100%;display:grid}.side{background:var(--side);border-right:1px solid var(--line);flex-direction:column;gap:18px;padding:18px 12px 24px;display:flex;overflow-y:auto}.col{flex-direction:column;min-width:0;min-height:0;display:flex}main{flex:1;min-width:0;min-height:0;overflow:hidden auto}.brand{align-items:center;gap:10px;padding:2px 8px 4px;display:flex}.brand img{width:32px;height:32px}.brand b{letter-spacing:-.01em;font-size:22px;font-weight:900;line-height:1}.brand b span{color:var(--mist);font-weight:400}.side h2{color:var(--mist);justify-content:space-between;align-items:center;margin:0 0 4px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.side h2+ul+h2{margin-top:16px}.side ul{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.nav-btn{text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:34px;padding:5px 10px;font-size:15.5px;display:flex}.nav-btn:hover{background:var(--hover)}.nav-btn[aria-current=page]{background:var(--raise)}.nav-btn .i{color:var(--accent)}.nav-btn img,.nav-btn .mo{object-fit:cover;border-radius:4px;flex:none;width:30px;height:30px;overflow:hidden;box-shadow:0 1px 3px #00000026}.nav-btn .lbl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-btn .spk{width:15px;height:15px;color:var(--accent)}.side h2 .add{width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;margin:-4px -4px -4px 0;display:grid}.side h2 .add:hover{background:var(--hover)}.side h2 .add .i{width:16px;height:16px}.side-foot{margin-top:auto}.dock{border-top:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(20px);flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:24px;height:78px;padding:0 22px;display:grid}.dock-now{text-align:left;border-radius:8px;align-items:center;gap:12px;min-width:0;display:flex}.dock-now img{object-fit:cover;width:54px;height:54px;box-shadow:0 2px 8px -3px var(--shadow);border-radius:6px;flex:none}.dock-now>span{min-width:0;line-height:1.25}.dock-now .t{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;display:block;overflow:hidden}.dock-now .s{color:var(--mist);white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.dock-mid{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.dock-ctl{align-items:center;gap:14px;display:flex}.dock-prog{width:100%;max-width:620px;color:var(--mist);font-variant-numeric:tabular-nums;grid-template-columns:3.2rem minmax(0,1fr) 3.2rem;align-items:center;gap:10px;font-size:13px;display:grid}.dock-prog span:last-child{text-align:right}.dock-right{justify-content:flex-end;align-items:center;gap:6px;display:flex}.tb{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.tb:hover:not(:disabled){background:var(--hover)}.tb:disabled{opacity:.4}.tb.small .i{width:18px;height:18px;color:var(--mist)}.tb.on .i{color:var(--accent)}.tb.pp{width:42px;height:42px}.tb.pp .i{width:28px;height:28px}.vol{color:var(--mist);align-items:center;gap:6px;display:flex}.vol input{width:90px;accent-color:var(--ink)}.seek{appearance:none;cursor:pointer;touch-action:none;--fill:var(--ink);--rail:var(--track);--h:4px;background:0 0;width:100%;height:24px;margin:0;display:block}.seek:hover,.seek.drag{--fill:var(--accent)}.seek:disabled{cursor:default}.seek::-webkit-slider-runnable-track{height:var(--h);background:linear-gradient(90deg, var(--fill) var(--p,0%), var(--rail) var(--p,0%));border-radius:2px}.seek::-moz-range-track{height:var(--h);background:linear-gradient(90deg, var(--fill) var(--p,0%), var(--rail) var(--p,0%));border-radius:2px}.seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:calc((var(--h) - 12px) / 2);background:var(--fill);opacity:0;border-radius:50%;transition:opacity .15s}.seek::-moz-range-thumb{background:var(--fill);opacity:0;border:0;border-radius:50%;width:12px;height:12px;transition:opacity .15s}.seek:hover::-webkit-slider-thumb{opacity:1}.seek:focus-visible::-webkit-slider-thumb{opacity:1}.seek.drag::-webkit-slider-thumb{opacity:1}.seek:hover::-moz-range-thumb{opacity:1}.seek:focus-visible::-moz-range-thumb{opacity:1}.seek.drag::-moz-range-thumb{opacity:1}.seek:focus-visible{outline-offset:4px}.sbox{background:var(--raise);height:36px;color:var(--mist);border-radius:9px;align-items:center;gap:8px;padding:0 10px;display:flex}.sbox .i{width:17px;height:17px}.sbox input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:15.5px}.sbox input::placeholder{color:var(--mist)}.sbox:focus-within{outline:2px solid var(--accent);outline-offset:1px}.view{padding-inline:var(--gutter);max-width:1240px;padding-block:28px 72px}.hero{isolation:isolate;color:#fff;border-radius:14px;align-items:flex-end;min-height:300px;display:flex;position:relative;overflow:hidden}.hero>img{object-fit:cover;object-position:50% 40%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(#140e1800 30%,#140e18b3);position:absolute;inset:0}.hero-in{flex-direction:column;gap:10px;max-width:40rem;padding:clamp(20px,3.6vw,40px);display:flex}.hero h1{letter-spacing:-.025em;margin:0;font-size:clamp(56px,8.6vw,108px);font-weight:900;line-height:.88}.hero h1 span{font-weight:400}.hero p{opacity:.92;max-width:32rem;margin:0;font-size:17.5px}.hero p b{font-weight:700}.hero-logo{filter:drop-shadow(0 8px 18px #00000059);width:clamp(58px,6vw,74px);height:auto;margin-bottom:6px}.hero-btns{flex-wrap:wrap;gap:10px;display:flex}.hero-gear{top:calc(14px + env(safe-area-inset-top,0px));color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000047;border-radius:50%;place-items:center;width:40px;height:40px;display:none;position:absolute;right:14px}.lib-h{justify-content:space-between;align-items:center;gap:12px;display:flex}.lib-h .gear{background:var(--raise);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.preview-note{color:var(--mist);margin:0 0 18px;font-size:13.5px}.pill{background:var(--accent);height:38px;color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-size:16px;font-weight:700;display:inline-flex}.pill:hover{filter:brightness(1.07)}.pill .i{width:17px;height:17px}.pill.ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3}.pill.soft{background:var(--raise);color:var(--accent)}.pill.plain{background:var(--raise);color:var(--ink)}.pill.wide{border-radius:12px;width:100%;height:46px}.pill.danger{background:var(--danger)}.shelf{margin-top:38px}.shelf h2{letter-spacing:-.01em;margin:0 0 12px;font-size:24px;font-weight:900}.tiles{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:22px 18px;display:grid}.tiles.big{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tiles.vids{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tile{text-align:left;flex-direction:column;gap:6px;min-width:0;display:flex}.tile .art{aspect-ratio:1;background:var(--raise);box-shadow:0 4px 14px -6px var(--shadow);border-radius:8px;max-width:100%;display:block;position:relative;overflow:hidden}.tiles.vids .tile .art{aspect-ratio:16/9}.tile .art>a,.tile .art>img,.tile .art>a>img{object-fit:cover;width:100%;height:100%;display:block}.tile .art>button.cover-hit{position:absolute;inset:0}.tile .go{color:#1f1b17;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#ffffffe0;border-radius:50%;place-items:center;width:36px;height:36px;transition:opacity .15s;display:grid;position:absolute;bottom:10px;left:10px}.tile .go .i{width:16px;height:16px}.tile:hover .go,.tile:focus-within .go{opacity:1}.tiles.vids .go{opacity:1;pointer-events:none;width:54px;height:54px;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.tiles.vids .go .i{width:22px;height:22px}.badge{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#0009;border-radius:5px;padding:1px 7px;font-size:13px;font-weight:700;position:absolute;bottom:8px;right:8px}.tile .t{white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:500;overflow:hidden}.tile .s{color:var(--mist);white-space:nowrap;text-overflow:ellipsis;margin-top:-5px;font-size:14px;overflow:hidden}.album-head{isolation:isolate;grid-template-columns:clamp(200px,24vw,280px) minmax(0,1fr);align-items:end;gap:clamp(20px,3vw,36px);display:grid;position:relative}.album-head:before{content:"";inset:-28px calc(var(--gutter) * -1) -40px;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 16%,transparent),transparent 92%);position:absolute}.album-art{aspect-ratio:1;box-shadow:0 16px 36px -16px var(--shadow);background:var(--raise);border-radius:9px;max-width:100%;overflow:hidden}.album-art img{object-fit:cover;width:100%;height:100%;display:block}.album-info{flex-direction:column;gap:2px;min-width:0;display:flex}.album-info h1{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,3.6vw,40px);font-weight:900;line-height:1.05}.album-info .artist{color:var(--accent);font-size:clamp(20px,2.4vw,26px);font-weight:500;line-height:1.2}.album-info .meta{color:var(--mist);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font-size:13px;font-weight:700}.album-btns{align-items:center;gap:10px;margin-top:14px;display:flex}.round{background:var(--raise);width:38px;height:38px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.round .i{width:18px;height:18px}.tracks{margin:28px 0 0;padding:0;list-style:none}.trk{border-radius:7px;grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:8px;padding-right:4px;display:grid}.trk:nth-child(odd){background:var(--zebra)}.trk:hover{background:var(--hover)}.trk .hit{text-align:left;border-radius:7px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:52px;padding:8px 0 8px 6px;display:grid}.trk.thumb .hit{grid-template-columns:44px minmax(0,1fr);gap:12px}.trk .n{color:var(--mist);text-align:center;font-variant-numeric:tabular-nums;place-items:center;height:18px;font-size:15px;display:grid}.trk .n .i{width:14px;height:14px;color:var(--ink);display:none}.trk:hover .n .num,.trk .hit:focus-visible .n .num{display:none}.trk:hover .n .i,.trk .hit:focus-visible .n .i{display:block}.trk .th{object-fit:cover;border-radius:5px;width:44px;height:44px;display:block}.trk .tx{min-width:0;line-height:1.25}.trk .tt{white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;display:block;overflow:hidden}.trk .tt em{color:var(--mist);margin-left:4px;font-size:14px;font-style:italic;font-weight:400}.trk .ar{color:var(--mist);white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.trk .ar .og{opacity:1}.trk .d{color:var(--mist);font-variant-numeric:tabular-nums;font-size:15px}.trk .more{width:32px;height:32px;color:var(--accent);opacity:0;border-radius:50%;place-items:center;display:grid}.trk:hover .more,.trk .more:focus-visible,.trk .more[aria-expanded=true]{opacity:1}.trk.cur .tt{color:var(--accent);font-weight:700}.trk.cur .n .num{display:none}.eq{align-items:flex-end;gap:2px;width:13px;height:13px;display:none}.eq i{background:var(--accent);border-radius:1px;flex:1;height:35%;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.35s}.eq i:nth-child(3){animation-delay:-.6s}.app:not(.playing) .eq i{animation-play-state:paused}@keyframes eq{0%,to{height:30%}50%{height:100%}}.trk.cur .eq{display:flex}.trk.cur:hover .eq,.trk.cur .hit:focus-visible .eq{display:none}.album-foot{color:var(--mist);flex-direction:column;gap:1px;margin-top:18px;font-size:15px;display:flex}.lib h1,.srch h1{letter-spacing:-.02em;margin:0 0 6px;font-size:34px;font-weight:900}.lib h2{color:var(--mist);margin:26px 0 6px;font-size:15px;font-weight:700}.lib ul{margin:0;padding:0;list-style:none}.lib-row{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:8px 0;display:grid}.lib-row img,.lib-row .mo{object-fit:cover;border-radius:6px;width:56px;height:56px;overflow:hidden}.lib-row .t{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:500;display:block;overflow:hidden}.lib-row .s{color:var(--mist);font-size:14.5px}.lib-row .i{color:var(--mist);width:16px;height:16px}.lib-row.new .mo{background:var(--raise);color:var(--accent);place-items:center;display:grid}.empty-note{color:var(--mist);margin-top:28px;font-size:16px}.missing h1{margin:0 0 8px;font-size:34px;font-weight:900}.missing p{color:var(--mist);margin:0 0 18px}.plc{width:100%;height:100%;display:block}.album-art .plc{border-radius:inherit}.emo{flex-wrap:wrap;gap:6px;display:flex}.emo button{background:var(--raise);border-radius:10px;place-items:center;width:40px;height:40px;font-size:22px;line-height:1;display:grid}.emo button[aria-checked=true]{outline:2px solid var(--accent);outline-offset:1px;background:var(--bg)}.emo-any input{border:1px solid var(--line);background:var(--bg);width:64px;height:40px;color:var(--ink);text-align:center;border-radius:10px;font-size:18px}.emo-any input:focus{outline:2px solid var(--accent);outline-offset:1px}.edit-form{max-width:460px}.trk.edit-row{grid-template-columns:34px 44px minmax(0,1fr) auto;gap:12px;padding:8px 6px}.ed-rm{width:32px;height:32px;color:var(--danger);border-radius:50%;place-items:center;display:grid}.ed-rm .i{width:22px;height:22px}.ed-mv{gap:6px;display:flex}.ed-mv button{background:var(--raise);width:36px;height:36px;color:var(--ink);border-radius:9px;place-items:center;display:grid}.ed-mv button:disabled{opacity:.3}.ed-mv .i{width:18px;height:18px}.ed-mv .i.up{transform:rotate(180deg)}.srch .field{background:var(--raise);height:42px;color:var(--mist);border-radius:11px;align-items:center;gap:8px;margin:6px 0 4px;padding:0 12px;display:flex}.srch .field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:17px}.srch .field:focus-within{outline:2px solid var(--accent);outline-offset:1px}.srch h2{margin:26px 0 8px;font-size:22px;font-weight:900}.srch .hint{color:var(--mist);margin-top:18px}.srch .tracks{margin-top:4px}@media (width>=861px){.srch .field{display:none}}dialog{color:var(--ink)}dialog::backdrop{background:0 0}.sheet{background:var(--card);border:1px solid var(--line);width:min(380px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:0 30px 70px -20px var(--shadow);-webkit-backdrop-filter:blur(20px);border-radius:16px;margin:0;padding:0;position:fixed;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%)}.sheet::backdrop{background:#00000059}.sheet-in{padding:16px 16px 18px}.sheet-h{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sheet-h h2{margin:0;font-size:20px;font-weight:900}.sheet-h button{color:var(--accent);padding:6px 4px;font-size:16px;font-weight:700}.sheet-l{color:var(--mist);margin:0 4px 6px;font-size:13px;font-weight:700;display:block}.opts{background:var(--raise);border-radius:12px;overflow:hidden}.opts button{text-align:left;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.opts button:last-child{border-bottom:0}.opts b{font-size:16.5px;font-weight:500;display:block}.opts small{color:var(--mist);font-size:13.5px;display:block}.opts .i{width:18px;height:18px;color:var(--accent);opacity:0}.opts button[aria-checked=true] .i{opacity:1}.sheet-note{color:var(--mist);margin:12px 4px 0;font-size:13.5px}.install-section{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.install-error{color:var(--danger);margin:12px 4px 0;font-size:14px}.field-in{border:1px solid var(--line);background:var(--bg);width:100%;height:46px;color:var(--ink);border-radius:11px;margin:2px 0 16px;padding:0 14px;font-size:17px}.field-in:focus{outline:2px solid var(--accent);outline-offset:1px}.field-error{color:var(--danger);margin:-10px 4px 14px;font-size:14px}.dlg-list{background:var(--raise);border-radius:12px;max-height:50vh;overflow:hidden auto}.dlg-list button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:16.5px;display:flex}.dlg-list button:last-child{border-bottom:0}.dlg-list .mo{border-radius:5px;flex:none;width:40px;height:40px;overflow:hidden}.dlg-list .plus{background:var(--bg);width:40px;height:40px;color:var(--accent);border-radius:5px;flex:none;place-items:center;display:grid}.dlg-p{color:var(--mist);overflow-wrap:anywhere;margin:0 0 16px}.dlg-btns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.menu{background:var(--card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);min-width:220px;max-width:calc(100vw - 16px);box-shadow:0 16px 40px -12px var(--shadow);border-radius:10px;margin:0;padding:0;position:fixed}.menu-in{padding:5px}.menu button{text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:7px 10px;font-size:16px;display:flex}.menu button:hover,.menu button:focus-visible{background:var(--hover);outline:none}.menu .i{width:17px;height:17px;color:var(--mist)}.menu .sep{background:var(--line);height:1px;margin:4px 6px}.toast{inset:calc(16px + env(safe-area-inset-top,0px)) auto auto 50%;background:var(--ink);color:var(--bg);text-align:center;overflow-wrap:anywhere;pointer-events:none;border:0;border-radius:999px;max-width:calc(100vw - 32px);margin:0;padding:8px 16px;font-size:15px;font-weight:500;position:fixed;transform:translate(-50%)}.share-card{background:var(--raise);border-radius:12px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.share-card img{object-fit:cover;width:64px;height:64px;box-shadow:0 4px 12px -6px var(--shadow);border-radius:7px;display:block}.share-card>span{flex-direction:column;min-width:0;line-height:1.25;display:flex}.share-card b,.share-card span span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.share-card b{font-size:17px}.share-card span span{color:var(--mist);font-size:14.5px}.share-card small{color:var(--mist);margin-top:2px;font-size:12.5px}.share-acts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 4px;margin:16px 0 14px;padding:0;list-style:none;display:grid}.share-acts button{width:100%;color:var(--ink);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:2px 0;font-size:12.5px;display:flex}.share-acts .disc{background:var(--raise);width:52px;height:52px;color:var(--ink);border-radius:50%;place-items:center;transition:transform .15s,filter .15s;display:grid}.share-acts button:hover .disc{filter:brightness(1.08);transform:translateY(-1px)}.share-acts .disc .i{width:24px;height:24px}.share-messages .disc{color:#fff;background:#34c759}.share-mail .disc{color:#fff;background:#1e88f5}.share-whatsapp .disc{color:#fff;background:#25d366}.share-facebook .disc{color:#fff;background:#1877f2}.share-x .disc{color:#fff;background:#000}.share-copy .disc,.share-more .disc{color:var(--accent)}.share-link{border:1px solid var(--line);background:var(--bg);border-radius:11px;align-items:center;gap:8px;height:46px;padding:4px 4px 4px 12px;display:flex}.share-link input{min-width:0;color:var(--mist);text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;font-size:15px}.share-link:focus-within{outline:2px solid var(--accent);outline-offset:1px}.share-link .pill{border-radius:8px;height:36px;padding:0 16px;font-size:15px}.share-note{min-height:1.3em;color:var(--mist);margin:10px 4px 0;font-size:13.5px}@media (prefers-color-scheme:dark){:root:not([data-lde]) .share-x .disc{color:#000;background:#fff}}:root[data-lde=dark] .share-x .disc{color:#000;background:#fff}.hazy{color:var(--mist);border-radius:8px;align-self:flex-start;padding:6px 10px;font-size:12.5px;display:inline-block}.hazy:hover{background:var(--hover)}.hazy img{width:auto;height:22px;display:block}@media (prefers-color-scheme:dark){:root:not([data-lde]) .hazy img{filter:invert()hue-rotate(180deg)}}:root[data-lde=dark] .hazy img{filter:invert()hue-rotate(180deg)}.side-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.side-gear{width:32px;height:32px;color:var(--mist);border-radius:50%;place-items:center;display:grid}.side-gear:hover{background:var(--hover);color:var(--ink)}.side-gear .i{width:18px;height:18px}.home-foot{display:none}.notice-row{background:var(--side);border-top:1px solid var(--line);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:8px 22px;font-size:14.5px;display:flex}.notice-row span{flex:220px}.notice-row button{color:var(--accent);padding:6px;font-weight:700}.mini,.tabs{display:none}.np{color:#fff;--gutter:clamp(16px,3vw,40px);background:#1b1712;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;transition:transform .38s cubic-bezier(.2,.8,.2,1);position:fixed;inset:0;overflow:hidden}.np::backdrop{background:0 0}.np.away{transform:translateY(100%)}.np-bg{filter:blur(70px)saturate(1.4)brightness(.72);background-position:50%;background-size:cover;position:absolute;inset:-12%;transform:scale(1.15)}.np-photos{opacity:0;visibility:hidden;background:#000;transition:opacity .6s,visibility 0s linear .6s;position:absolute;inset:0}.np.ph .np-photos{opacity:1;visibility:visible;transition:opacity .6s}.sl{opacity:0;transition:opacity 1.4s;position:absolute;inset:0;overflow:hidden}.sl.on{opacity:1}.sl .bg{object-fit:cover;filter:blur(36px)brightness(.66)saturate(1.3);width:116%;max-width:none;height:116%;position:absolute;top:-8%;left:-8%}.sl .fg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.sl.on .fg{animation:9s ease-in-out forwards scan}.sl.on.alt .fg{animation-name:scan2}.np:not(.playing) .sl.on .fg{animation-play-state:paused}@keyframes scan{0%{transform:scale(1.01)translate(-1.6%,.6%)}to{transform:scale(1.09)translate(1.6%,-.8%)}}@keyframes scan2{0%{transform:scale(1.09)translate(1.4%,1%)}to{transform:scale(1.01)translate(-1.4%,-.4%)}}.np-shade{pointer-events:none;opacity:0;background:linear-gradient(#00000080,#0000 18% 46%,#000000d1);transition:opacity .5s;position:absolute;inset:0}.np.ph .np-shade{opacity:1}.np-in{max-width:1180px;height:100%;padding:calc(10px + env(safe-area-inset-top,0px)) var(--gutter) calc(18px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid;position:relative}.np.q .np-in{grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:48px}.np-top{z-index:3;padding:calc(12px + env(safe-area-inset-top,0px)) var(--gutter) 0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;transition:opacity .5s;display:grid;position:absolute;top:0;left:0;right:0}.np-top .l{align-items:center;gap:12px;min-width:0;display:flex}.np-top .r{justify-content:flex-end;gap:8px;display:flex}.np-x{color:#fff;background:#ffffff29;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.np-x .i{width:22px;height:22px}.np-from{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;line-height:1.2;overflow:hidden}.np-from b{color:#fff;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.np-seg{-webkit-backdrop-filter:blur(12px);background:#ffffff29;border-radius:11px;padding:3px;display:flex}.np-seg button{color:#ffffffd1;border-radius:8px;padding:5px 18px;font-size:15.5px;font-weight:700;transition:background .25s,color .25s}.np-seg button[aria-pressed=true]{color:#1f1b17;background:#fff}.np-seg button:disabled{opacity:.45}.np-main{flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:0;padding-top:64px;display:flex}.np.ph .np-main{justify-content:flex-end}.np-art{aspect-ratio:1;border-radius:12px;width:min(52vh,500px,84vw);max-width:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1);overflow:hidden;box-shadow:0 30px 70px -20px #0009}.np-art img{object-fit:cover;width:100%;height:100%;display:block}.np:not(.playing) .np-art{transform:scale(.86)}.np.ph .np-art{display:none}.np-ghost{z-index:4;object-fit:cover;transform-origin:0 0;pointer-events:none;position:fixed;box-shadow:0 24px 60px -18px #000000a6}.np-ctl{flex-direction:column;gap:14px;width:min(500px,100%);transition:opacity .5s;display:flex}.np.ph .np-ctl{width:min(620px,100%)}.np-cap{color:#fffc;text-shadow:0 1px 6px #00000080;font-size:14px;display:none}.np.ph .np-cap{display:block}.np-id{align-items:center;gap:12px;min-width:0;display:flex}.np-id .mini-art{object-fit:cover;border-radius:6px;flex:none;width:56px;height:56px;display:none;box-shadow:0 8px 20px -8px #0009}.np.ph .np-id .mini-art{display:block}.np-id>div{flex:1;min-width:0}.np-id .t{white-space:nowrap;text-overflow:ellipsis;font-size:23px;font-weight:700;line-height:1.2;overflow:hidden}.np-id .s{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.np-id .more{background:#ffffff29;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.np.ph.idle .np-top,.np.ph.idle .np-ctl,.np.ph.idle .np-shade,.np.ph.idle .np-q{opacity:0;pointer-events:none}.np.ph.idle{cursor:none}.np .seek{--fill:#fffc;--rail:#ffffff40;height:24px}.np .seek.drag{--h:8px}.times{color:#ffffffa6;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-8px;font-size:13px;display:flex}.big-ctl{justify-content:center;align-items:center;gap:clamp(28px,7vw,52px);display:flex}.big-ctl button{color:#fff;border-radius:50%;place-items:center;display:grid}.big-ctl .i{width:38px;height:38px}.big-ctl .pp .i{width:54px;height:54px}.np-status{text-align:center;color:#ffffffbf;min-height:1.2em;margin:-6px 0 0;font-size:14px}.np-status button{color:#fff;padding:2px 4px;font-weight:700;text-decoration:underline}.np-status:empty{min-height:0;margin:0;position:absolute}.np-vol{color:#ffffffa6;align-items:center;gap:10px;display:flex}.np-vol input{accent-color:#fff;flex:1}.np-row{justify-content:space-around;align-items:center;display:flex}.np-row button{color:#ffffffbf;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.np-row button[aria-pressed=true]{color:#fff;background:#fff3}.np-row .i{width:22px;height:22px}.np-q{flex-direction:column;min-height:0;padding-top:64px;transition:opacity .5s;display:none}.np.q .np-q{display:flex}.np-q-h{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.qfold{text-align:left;align-items:center;gap:10px;min-width:0;padding:4px 2px;display:flex}.qfold b{font-size:19px;display:block}.qfold .s{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.qfold .i{flex:none;width:18px;height:18px;transition:transform .25s}.qfold[aria-expanded=false] .i{transform:rotate(-90deg)}.np-q.folded ol{display:none}.np-q-h .rep{color:#fffc;background:#ffffff24;border-radius:8px;flex:none;place-items:center;width:38px;height:30px;display:grid}.np-q-h .rep[aria-pressed=true]{color:#111;background:#fff}.np-q-h .rep .i{width:18px;height:18px}.np-q ol{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.np-q li button{text-align:left;border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:6px 4px;display:grid}.np-q li button:hover{background:#ffffff1a}.np-q li img{object-fit:cover;border-radius:5px;width:44px;height:44px}.np-q li .t{white-space:nowrap;text-overflow:ellipsis;font-size:16px;display:block;overflow:hidden}.np-q li .d{color:#fff9;font-variant-numeric:tabular-nums;font-size:13.5px}.np-q li.now .t{font-weight:700}.np :focus-visible{outline-color:#fff}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr)}.side,.dock{display:none}main{padding-top:env(safe-area-inset-top,0px)}.view{padding-block:16px 28px}.hero{min-height:340px;margin-inline:calc(var(--gutter) * -1);border-radius:0;margin-top:-16px}.hero-gear{display:grid}.tiles,.tiles.big,.tiles.vids{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.tiles::-webkit-scrollbar{display:none}.tiles .tile{scroll-snap-align:start;flex:0 0 42vw}.tiles.big .tile{flex:0 0 64vw}.tiles.vids .tile{flex:0 0 78vw}.tile .go{opacity:1}.album-head{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.album-art{width:min(68vw,300px)}.album-info{align-items:center;width:100%}.album-btns{grid-template-columns:1fr auto;width:100%;display:grid}.album-btns .pill{background:var(--raise);height:44px;color:var(--accent);border-radius:10px}.album-btns .round{width:44px;height:44px}.edit-form{text-align:left;align-items:stretch;width:100%}.trk{border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:minmax(0,1fr) auto 40px;gap:6px;background:0 0!important}.trk .d{font-size:14px}.trk .more{opacity:1;width:40px;height:44px}.home-foot{justify-content:center;margin-top:40px;display:flex}.notice-row{border:1px solid var(--line);border-radius:12px;margin:0 8px 6px;padding:8px 14px}.mini{background:var(--card);-webkit-backdrop-filter:blur(20px);box-shadow:0 6px 22px -6px var(--shadow);border:1px solid var(--line);border-radius:12px;flex:none;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:0 8px 6px;padding:7px 8px 7px 7px;display:grid;position:relative;overflow:hidden}.mini img{object-fit:cover;border-radius:6px;width:44px;height:44px}.mini .t{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:1.2;overflow:hidden}.mini .s{color:var(--mist);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.mini .open{border-radius:12px;position:absolute;inset:0}.mini .tb{z-index:1;width:44px;height:44px;position:relative}.mini .bar{height:2px;position:absolute;bottom:0;left:12px;right:12px}.mini .bar i{width:var(--p,0%);background:var(--ink);opacity:.6;border-radius:2px;position:absolute;inset:0 auto 0 0}.tabs{border-top:1px solid var(--line);background:var(--glass);padding-bottom:env(safe-area-inset-bottom,0px);flex:none;grid-template-columns:repeat(4,1fr);display:grid}.tabs a{color:var(--mist);flex-direction:column;align-items:center;gap:1px;padding:7px 0 6px;font-size:12.5px;display:flex}.tabs a[aria-current=page]{color:var(--accent)}.tabs .i{width:24px;height:24px}.np.q .np-in{grid-template-columns:minmax(0,1fr);gap:0}.np.q .np-art{display:none}.np.q .np-id .mini-art{display:block}.np.q .np-main{justify-content:flex-end}.np.q .np-q{left:var(--gutter);right:var(--gutter);top:calc(64px + env(safe-area-inset-top,0px));bottom:calc(330px + env(safe-area-inset-bottom,0px));padding-top:0;position:absolute}.np.q .np-q.folded{bottom:auto}.np-vol,.np-from{display:none}.np-seg button{padding:5px 16px}.menu{right:8px;bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:14px;width:auto;top:auto!important;left:8px!important}.menu button{padding:12px;font-size:17px}.sheet{border-radius:18px 18px 0 0;width:auto;max-width:none;inset:auto 0 0;transform:none}.sheet-in{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}}@media (width<=1100px) and (width>=861px){.dock{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:14px;padding:0 16px}.vol input{width:64px}}@media (orientation:landscape) and (height<=540px){.np-main{flex-direction:row;justify-content:center;align-items:center;gap:36px;padding-top:56px}.np-art{width:min(60vh,300px)}.np-ctl{gap:8px;width:min(440px,52vw)}.np.ph .np-main{flex-direction:column;justify-content:flex-end}.np.ph .np-ctl{width:min(760px,100%)}.big-ctl .i{width:30px;height:30px}.big-ctl .pp .i{width:42px;height:42px}.np-row,.np-vol{display:none}.np-id .t{font-size:19px}.np-id .s{font-size:15px}.np-id .mini-art{width:46px;height:46px}.np.q .np-q{bottom:calc(150px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.np,.np-art,.sl,.np-photos,.np-top,.np-ctl,.np-shade,.np-q,.tile .go{transition:none}.seek::-webkit-slider-thumb{transition:none}.sl.on .fg,.sl.on.alt .fg,.eq i{animation:none}.eq i{height:70%}}
