:root{--bg-0:#070b18;--bg-1:#0e1430;--bg-2:#151d3d;--surface:#ffffff0b;--surface-2:#ffffff14;--border:#ffffff17;--text:#eef1ff;--muted:#8b93bd;--faint:#5d6494;--accent:#ff7a1a;--accent-2:#ff4778;--accent-rgb:255, 122, 26;--accent-2-rgb:255, 71, 120;--cyan:#22d3c5;--pink:#ff5d8f;--danger:#ff4d6d;--r-lg:22px;--r-md:16px;--r-sm:11px;--font-display:"Sora", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--nav-h:64px;--mini-h:64px;--sys-t:env(safe-area-inset-top,0px);--sys-b:env(safe-area-inset-bottom,0px);--grad-red:linear-gradient(135deg, #ff5a4a 0%, #b51d2d 60%, #6e0a1b 100%);--grad-orange:linear-gradient(135deg, #f8b133 0%, #c46a18 100%);--grad-purple:linear-gradient(135deg, #7c4dff 0%, #3a1f8a 100%);--grad-pop:linear-gradient(160deg, #9a55ff 0%, #5d2dbf 100%);--grad-hip:linear-gradient(160deg, #5b2bd9 0%, #2e1370 100%);--grad-blues:linear-gradient(160deg, #2bd97a 0%, #136e3a 100%);--grad-rock:linear-gradient(160deg, #ff5a4a 0%, #6e0a1b 100%);--grad-jazz:linear-gradient(160deg, #ff9b3d 0%, #b54a18 100%);--grad-cosmic:radial-gradient(circle at 30% 30%, #5d8bff 0%, #2a1a6e 40%, #0a0420 100%);--grad-accent:linear-gradient(135deg, var(--accent), var(--accent-2));--glass:#0a0e1ab8;--glass-2:#151d3dd9;--sheet-bg:linear-gradient(180deg, #0d1230 0%, #06091a 100%);--overlay:#070b18d1;--toast-bg:#0d1230f2;--glow-1:#ff477838;--glow-2:#ff7a1a2e;--shadow-soft:0 16px 32px -14px #000000b3;--plate-bg:#10162f;--plate-lit:#161d3c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg-0:#f3f2fb;--bg-1:#e9e6f8;--bg-2:#fff;--surface:#ffffffc7;--surface-2:#282c5a0f;--border:#282c5a14;--text:#17182c;--muted:#6c7092;--faint:#a3a6c4;--glass:#fffc;--glass-2:#ffffffeb;--sheet-bg:linear-gradient(180deg, #fff 0%, #f3f2fb 100%);--overlay:#e9e6f8db;--toast-bg:#17182ceb;--glow-1:#ff47781f;--glow-2:#ff7a1a1f;--accent:#f0650a;--accent-rgb:240, 101, 10;--shadow-soft:0 18px 36px -18px #3c328c59;--plate-bg:#f7f6fd;--plate-lit:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ico-fill{fill:currentColor;stroke:none}.ico-fill-stroke{fill:currentColor}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";z-index:-1;background:radial-gradient(120% 80% at 80% -10%, var(--glow-1), transparent 55%), radial-gradient(90% 70% at 0% 110%, var(--glow-2), transparent 50%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 60%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}::-webkit-scrollbar{width:0;height:0}.app{max-width:520px;height:100dvh;padding-top:var(--sys-t);flex-direction:column;margin:0 auto;display:flex;position:relative}.screen{--screen-px:20px;overscroll-behavior-y:contain;padding:22px var(--screen-px) calc(var(--nav-h) + var(--sys-b) + var(--mini-h) + 28px);flex:1;overflow-y:auto}.screen.no-mini{padding-bottom:calc(var(--nav-h) + var(--sys-b) + 24px)}.screen.tight{--screen-px:8px}.screen.flush-top{padding-top:1px}.home-bar{grid-template-columns:42px 1fr auto;align-items:center;margin-bottom:22px;display:grid}.home-bar-actions{align-items:center;gap:2px;display:flex}.home-bar-btn{width:42px;height:42px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:12px;place-items:center;transition:background .15s;display:grid}.home-bar-btn:hover{background:var(--surface)}.section{margin-bottom:28px}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 10px}.bottom-nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--glass);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border);z-index:40;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.bn-link{color:var(--faint);flex-direction:column;align-items:center;gap:3px;padding:6px 14px;font-size:10px;font-weight:600;transition:color .15s;display:flex}.bn-link svg{stroke:currentColor;fill:none;stroke-width:1.9px;width:22px;height:22px}.bn-link.active{color:var(--accent)}.mini{left:12px;right:12px;bottom:calc(var(--nav-h) + var(--sys-b) + 10px);height:var(--mini-h);border-radius:var(--r-md);background:var(--glass-2);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);z-index:41;cursor:pointer;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;overflow:hidden;box-shadow:0 16px 32px -14px #000000b3}.mini-prog{background:var(--accent);height:2px;position:absolute;bottom:0;left:0}.mini-cover{object-fit:cover;background:var(--bg-2);border-radius:10px;width:44px;height:44px}.mini-meta{flex:1;min-width:0}.mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.mini-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-btn{background:var(--text);width:40px;height:40px;color:var(--bg-0);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:15px;display:grid}.trk.frow{align-items:center;gap:12px;display:flex}.trk.frow .trk-main{flex:1;min-width:0}.frow-cover{flex:none}.mq{white-space:nowrap;overflow:hidden}.mq-text{display:inline}.mq.on{text-overflow:clip}.mq.on .mq-text{animation:6s ease-in-out infinite alternate mq;display:inline-block}@keyframes mq{0%{transform:translate(0)}to{transform:translateX(var(--mq-shift,0))}}.lbars{flex:none;align-items:flex-end;gap:2.5px;height:16px;display:flex}.lbars i{background:var(--accent);border-radius:2px;width:3px;height:3px;transition:height 80ms linear;display:block}.trk.playing .trk-title{color:var(--accent)}.frow-more{cursor:pointer;color:var(--faint);background:0 0;border:none;place-items:center;padding:4px;transition:color .15s;display:grid}.frow-more:hover{color:var(--text)}.pl-create{align-items:center;gap:10px;display:flex}.pl-create .field{flex:1}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;font-weight:700;font-family:var(--font-body);cursor:pointer;box-shadow:0 12px 24px -8px rgba(var(--accent-rgb), .6);border:none;border-radius:999px;padding:13px 30px;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:13px 22px;font-weight:600}.trk{border-radius:var(--r-sm);cursor:pointer;grid-template-columns:26px 18px 40px 1fr auto;align-items:center;gap:12px;padding:9px 10px;transition:background .12s;display:grid}.trk:hover{background:var(--surface)}.trk-dim .frow-cover,.trk-dim .trk-main{opacity:.4}.trk.playing{background:linear-gradient(90deg, rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .04))}@keyframes eq{0%,to{height:4px}50%{height:22px}}.trk-main{min-width:0}.trk-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.trk-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.np{text-align:center;min-height:0;padding:1px 10px calc(var(--nav-h) + var(--sys-b) + 32px);flex-direction:column;flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.np>:not(.np-bg):not(.np-viz-full):not(.np-canvas){z-index:3;position:relative}@keyframes npDrift1{0%,to{transform:scale(1.05)translate(-3%,-2%)rotate(0)}50%{transform:scale(1.18)translate(4%,3%)rotate(8deg)}}@keyframes npDrift2{0%,to{transform:scale(1.2)translate(3%,2%)rotate(0)}50%{transform:scale(1.05)translate(-4%,-3%)rotate(-10deg)}}@keyframes npDrift3{0%{transform:scale(1.25)rotate(0)}to{transform:scale(1.25)rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.switch{cursor:pointer;background:#ffffff26;border:none;border-radius:12px;width:40px;height:24px;padding:0;transition:background .18s;position:relative}.switch.on{background:var(--accent)}.sheet{background:var(--sheet-bg);border:.5px solid var(--border);width:100%;max-width:520px;padding:10px 0 calc(18px + var(--sys-b));border-top-left-radius:22px;border-top-right-radius:22px;max-height:82dvh;animation:.22s cubic-bezier(.2,.7,.3,1) sheetUp;overflow-y:auto;box-shadow:0 -20px 40px #00000080}@keyframes sheetUp{0%{opacity:.6;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sheet-grab{background:#fff3;border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.sheet-track{border-bottom:.5px solid var(--border);align-items:center;gap:12px;padding:0 18px 12px;display:flex}.sheet-track-meta{min-width:0}.sheet-track-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.sheet-track-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sheet-err{color:var(--danger);margin:10px 18px 0;font-size:12px}.sheet-stars{gap:2px;margin-top:6px;display:flex}.sheet-star{cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.sheet-check{cursor:pointer;align-items:center;color:var(--text)!important;flex-direction:row!important;gap:8px!important;font-weight:500!important}.sheet-check input{width:16px;height:16px;accent-color:var(--accent)}.sheet-opts{padding:8px 0}.sheet-opt{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:14px;padding:12px 18px;font-size:14px;display:flex}.sheet-opt:hover{background:var(--surface)}.sheet-opt:disabled{opacity:.5;cursor:default}.sheet-opt-danger{color:var(--danger)}.sheet-back{border:none;border-bottom:.5px solid var(--border);cursor:pointer;width:100%;color:var(--muted);background:0 0;align-items:center;gap:10px;padding:8px 18px 12px;font-size:13px;font-weight:600;display:flex}.sheet-edit{flex-direction:column;gap:12px;padding:12px 18px 4px;display:flex}.sheet-edit label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.sheet-cancel{background:var(--surface);border-radius:var(--r-md);width:calc(100% - 36px);color:var(--text);cursor:pointer;border:none;margin:8px 18px 0;padding:12px 0;font-size:14px;font-weight:600}.sheet-cancel:hover{background:var(--surface-2)}.connect{place-items:center;height:100dvh;padding:24px;display:grid}.field{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);width:100%;padding:12px 14px;transition:border-color .15s}.field:focus{border-color:var(--accent);outline:none}.hint{opacity:.6;font-weight:400}.jobs{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.job{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 15px;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.btn-danger{width:100%;color:var(--danger);font-weight:700;font-family:var(--font-body);cursor:pointer;background:#ff4d6d1f;border:1px solid #ff4d6d4d;border-radius:999px;padding:14px;transition:background .15s}.btn-danger:hover{background:#ff4d6d33}.toast{left:50%;bottom:calc(var(--nav-h) + var(--sys-b) + var(--mini-h) + 22px);z-index:120;background:var(--toast-bg);border:1px solid var(--border);color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(12px);pointer-events:none;border-radius:999px;max-width:calc(100% - 48px);padding:11px 20px;font-size:13px;font-weight:600;animation:.2s toastIn;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px -10px #000000b3}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.cast-on{color:var(--accent)}.dt-note{color:var(--pink);margin:0;font-size:12.5px}.dt-tabs{margin:0 0 8px}.dt-row{text-align:left;border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--text);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;display:flex}.dt-row.sel{border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .1)}.dt-row:disabled{cursor:default;opacity:.85}.dt-old{color:var(--faint);font-size:11.5px;text-decoration:line-through}.dt-err{color:var(--danger);font-size:11.5px;white-space:normal!important}.dt-write{left:0;right:0;bottom:calc(var(--nav-h) + var(--sys-b) + 12px);z-index:45;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.dt-write .btn-primary{pointer-events:auto;width:100%;max-width:420px;box-shadow:0 10px 30px #00000073}.home-bar-btn.accent{color:var(--accent)}.col-row{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.col-tile{cursor:pointer;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);flex-direction:column;gap:8px;min-width:0;padding:8px 8px 10px;display:flex;position:relative}.col-tile-art{position:relative}.col-tile-art>:first-child{width:100%!important;height:84px!important}.col-tile-text{flex:1;min-width:0}.col-tile-name{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.col-row .col-tile-name{-webkit-line-clamp:1}.col-tile-sub{color:var(--muted);margin-top:2px;font-size:12px}.col-tile-play{cursor:pointer;color:#fff;background:var(--accent);border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 16px -6px #0009}.col-tile .col-tile-play{position:absolute;bottom:6px;right:6px}.col-tile-play.ghost{color:var(--accent);border:1px solid var(--border);background:0 0}.col-row{padding:6px 2px}.wheel{touch-action:none;-webkit-user-select:none;user-select:none;margin:0 calc(-1 * var(--screen-px,20px));position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 16% 84%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 16% 84%,#0000 100%)}.wheel-item{z-index:1;will-change:transform, opacity;cursor:pointer;align-items:center;gap:16px;display:flex;position:absolute}.wheel-disc{box-shadow:var(--shadow-soft), 0 0 0 4px var(--bg-2);border-radius:50%;flex:none;transition:box-shadow .2s}.wheel-item.on .wheel-disc{box-shadow:0 14px 34px -10px rgba(var(--accent-rgb), .6), 0 0 0 4px var(--bg-2)}.wheel-label{white-space:nowrap;min-width:0}.wheel-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--muted);text-overflow:ellipsis;font-size:17px;font-weight:700;transition:color .2s;overflow:hidden}.wheel-sub{color:var(--faint);margin-top:2px;font-size:12px}.wheel-item.on .wheel-name,.wheel-name.on{color:var(--text)}.wheel-item.on .wheel-sub{color:var(--muted)}.wheel-plate{z-index:5;justify-content:flex-end;align-items:center;padding-right:8px;display:flex;position:absolute}.wheel-plate-bg{z-index:4;pointer-events:none;--wpb-fill:var(--plate-bg);position:absolute}.wheel-plate-bg.lit{--wpb-fill:var(--plate-lit)}.wpb-bar,.wpb-lobe{background:var(--wpb-fill);transition:background .25s;position:absolute}.wpb-bar{border-radius:999px;left:-20px;right:0}.wpb-lobe{border-radius:50%;transition:transform .38s cubic-bezier(.2,.9,.3,1.25),background .25s}.wpb-fillet{opacity:0;transition:opacity .15s,transform .15s;position:absolute;transform:scale(.3)}.wheel-plate-bg.out .wpb-fillet{opacity:1;transition:opacity .2s .2s,transform .2s .2s;transform:none}.wpb-shape{transition:filter .25s;position:absolute;inset:0}.wheel-plate-bg.lit .wpb-shape{filter:drop-shadow(0 0 10px rgba(var(--accent-rgb), .35))}.wheel-lobe-btn{z-index:30;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.wheel-lobe-btn>span{width:38px;height:38px;color:var(--accent);place-items:center;transition:color .3s;animation:.4s .15s both lobeIcon;display:grid}.wheel-lobe-btn.up>span{color:var(--muted)}.wheel-lobe-btn.up.on>span{color:var(--accent)}@keyframes lobeIcon{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.wheel-disc{z-index:2;touch-action:none;position:relative}.wheel-label{z-index:1;position:relative}.wheel-disc-play{color:#fff;pointer-events:none;background:rgba(var(--accent-rgb), .85);border-radius:50%;place-items:center;width:44px;height:44px;margin:auto;animation:.25s wslideIn;display:grid;position:absolute;inset:0;box-shadow:0 6px 16px -4px #00000080}.wheel-hint{color:rgba(var(--accent-rgb), .8);justify-content:center;align-items:center;animation:1.4s ease-in-out infinite wslideHint;display:flex}@keyframes wslideIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes wslideHint{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.wplate-now{cursor:pointer;flex-direction:column;justify-content:center;min-width:0;display:flex;position:absolute;top:0;bottom:0}.wplate-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.wplate-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;margin-top:3px;font-size:12px;overflow:hidden}.wplate-prog{background:var(--surface-2);border-radius:3px;height:3px;margin-top:7px;overflow:hidden}.wplate-prog>div{background:var(--grad-accent);border-radius:3px;height:100%;transition:width .3s linear}.wplate-btn{z-index:3;height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.wheel-vinyl{border-radius:50%}.wheel-vinyl.spin{animation:6s linear infinite vinylSpin}@keyframes vinylSpin{to{transform:rotate(360deg)}}.wheel-notch{z-index:6;pointer-events:none;border:1.5px solid var(--border);clip-path:inset(0 0 0 50%);border-radius:50%;transition:border-color .25s,box-shadow .25s;position:absolute}.wheel-notch.lit{border-color:rgba(var(--accent-rgb), .55);box-shadow:inset 0 0 14px -4px rgba(var(--accent-rgb), .6)}.wheel-disc.halo{animation:2.4s ease-in-out infinite discHalo}@keyframes discHalo{0%,to{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .55), 0 0 22px 4px rgba(var(--accent-rgb), .45), 0 0 0 4px var(--bg-2)}50%{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .8), 0 0 36px 10px rgba(var(--accent-rgb), .6), 0 0 0 4px var(--bg-2)}}.wheel-flip{perspective:900px}.wheel-flip>*{transform-origin:50%;transition:transform .23s ease-in,opacity .23s ease-in}.wheel-flip.flipping>*{opacity:.2;transform:rotateX(90deg)}.wheel-flip>*{animation:.26s ease-out flipIn}@keyframes flipIn{0%{opacity:.2;transform:rotateX(-90deg)}to{opacity:1;transform:none}}.wheel{height:440px}.home .wheel{height:calc(100dvh - var(--sys-t) - var(--nav-h) - var(--sys-b) - 140px);min-height:380px}*{-webkit-tap-highlight-color:transparent}button:focus{outline:none}.home-bar-btn,.wplate-btn,.wheel-lobe-btn{border-radius:50%;transition:background .15s,transform .12s}.home-bar-btn:active,.wplate-btn:active,.wheel-lobe-btn:active>span{background:rgba(var(--accent-rgb), .14);border-radius:50%;transform:scale(.92)}.home .wheel-empty{height:calc(100dvh - var(--sys-t) - var(--nav-h) - var(--sys-b) - 140px);text-align:center;justify-content:center;align-items:center;min-height:380px;margin:0;padding:0 32px;display:flex}.tt-root{height:100%;padding:0 14px calc(90px + var(--sys-b));flex-direction:column;display:flex;position:relative;overflow-y:auto}.tt-head{align-items:center;padding:8px 0 6px;display:flex}.tt-plinth{background:linear-gradient(160deg, var(--plate-lit) 0%, var(--plate-bg) 100%);width:100%;box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff59, inset 0 -2px 6px #0000000f;border:1px solid var(--border);border-radius:30px;flex:none;position:relative}.tt-brand{line-height:1;font-family:var(--font-display);letter-spacing:.22em;color:var(--faint);font-size:10px;font-weight:800;position:absolute;top:14px;left:18px}.tt-brand span{letter-spacing:.04em;color:var(--accent);margin-top:3px;font-size:13px;display:block}.tt-halo{pointer-events:none;border-radius:50%;position:absolute}.tt-platter{background:conic-gradient(from 30deg,#c9ccd4,#f1f2f5,#9ea2ac,#e7e9ee,#b5b9c2,#f1f2f5,#c9ccd4);border-radius:50%;position:absolute;box-shadow:0 10px 24px -10px #00000073,inset 0 0 0 2px #0000001f}.tt-record-wrap{touch-action:none;cursor:pointer;border-radius:50%;position:absolute}.tt-record{will-change:transform;background:radial-gradient(circle,#0000 0 37.5%,#0b0b0f 37.5% 38.6%,#0000 38.6%),repeating-radial-gradient(circle,#121218 0 1.4px,#1b1b23 1.4px 2.8px);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 1px #0009}.tt-label{place-items:center;display:grid;position:absolute;inset:0}.tt-label>*{box-shadow:0 0 0 2px #00000080;border-radius:50%!important}.tt-sheen{pointer-events:none;background:conic-gradient(from 200deg, transparent 0 8%, #ffffff29 13%, transparent 20%, transparent 50%, #ffffff1a 62%, transparent 70%);mix-blend-mode:screen;border-radius:50%;position:absolute;inset:0}.tt-spindle{pointer-events:none;background:radial-gradient(circle at 35% 35%,#fff,#9aa0aa 60%,#555 100%);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}.tt-arm{pointer-events:none;position:absolute;inset:0;overflow:visible}.tt-arm line[stroke=transparent]{pointer-events:stroke}.tt-arm-shadow{stroke:#000;stroke-width:7px;stroke-linecap:round;filter:blur(3px);transition:opacity .3s}.tt-headshell{fill:#2a2b33;stroke:#8d919c;stroke-width:1px}.tt-pivot{fill:var(--plate-bg);stroke:var(--border);stroke-width:2px;filter:drop-shadow(0 3px 4px #00000040)}.tt-controls{align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:16px}.tt-start{cursor:pointer;background:linear-gradient(180deg, var(--plate-lit), var(--plate-bg));height:40px;color:var(--muted);font-family:var(--font-display);letter-spacing:.14em;border:0;border-radius:12px;padding:0 14px 0 26px;font-size:9px;font-weight:800;position:relative;box-shadow:0 4px 10px -4px #00000059,inset 0 1px #fff6}.tt-start:active{transform:translateY(1px);box-shadow:0 2px 6px -3px #00000059}.tt-led{background:#5a5e6b;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;transition:background .2s,box-shadow .2s;position:absolute;top:50%;left:11px}.tt-start.on .tt-led{background:var(--accent);box-shadow:0 0 8px 2px rgba(var(--accent-rgb), .8)}.tt-start.on{color:var(--text)}.tt-sel{cursor:pointer;background:var(--surface-2);width:34px;height:30px;color:var(--muted);border:0;border-radius:9px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff4d}.tt-sel.on{color:var(--accent)}.tt-fader{touch-action:none;cursor:pointer;width:30px;height:34%;position:absolute;bottom:18px;right:18px}.tt-fader-track{background:var(--surface-2);border-radius:4px;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:inset 0 1px 2px #00000040}.tt-fader-knob{background:linear-gradient(#f1f2f5,#b9bdc6);border-radius:4px;height:14px;margin-top:-7px;position:absolute;left:2px;right:2px;box-shadow:0 3px 6px -2px #00000073}.tt-fader-knob:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;top:6px;left:3px;right:3px}.tt-info{text-align:center;padding:20px 8px 0}.tt-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:800}.tt-artist{color:var(--muted);margin-top:4px;font-size:14px}.tt-time{color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:.05em;margin-top:10px;font-size:12px}.tt-upnext{max-width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:12px;margin-top:18px;padding:6px 18px 6px 6px;animation:.5s cubic-bezier(.2,.8,.3,1) tt-upnext-in;display:inline-flex}.tt-upnext:active{background:rgba(var(--accent-rgb), .1)}.tt-upnext-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.tt-upnext-text small{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.tt-upnext-text b,.tt-upnext-text em{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tt-upnext-text b{font-size:14px;font-weight:600}.tt-upnext-text em{color:var(--muted);font-size:12px;font-style:normal}@keyframes tt-upnext-in{0%{opacity:0;transform:translateY(10px)}}.tt-drawer{z-index:60;max-width:520px;height:calc(64px + var(--sys-b));padding-bottom:var(--sys-b);flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tt-liquid{pointer-events:none;z-index:-1;filter:drop-shadow(0 -10px 22px #0000002e);width:100%;position:absolute;bottom:0;left:0;overflow:visible}.tt-liquid path{fill:var(--plate-lit)}.tt-drawer-body{opacity:0;transition:opacity .25s}.tt-drawer.open .tt-drawer-body{opacity:1;transition:opacity .35s .15s}.tt-drawer-tabs{flex:none;justify-content:space-between;align-items:center;padding:10px 22px;display:flex}.tt-drawer-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:8px 6px;font-size:14px;font-weight:700;display:flex}.tt-drawer-tabs button.on{color:var(--accent)}.tt-grip{background:var(--faint);opacity:.5;cursor:pointer;border-radius:5px;width:42px;height:5px}.tt-drawer-body{flex:1;padding:0 22px 20px;overflow-y:auto}.tt-lyrics p{color:var(--faint);cursor:pointer;margin:14px 0;font-size:18px;font-weight:700;transition:color .2s}.tt-lyrics p.past{color:var(--muted)}.tt-lyrics p.on{color:var(--text);font-size:21px}.tt-lyrics.plain{white-space:pre-wrap;color:var(--muted);line-height:1.6}.tt-queue{flex-direction:column;gap:4px;display:flex}.tt-qrow{cursor:pointer;text-align:left;color:var(--text);background:0 0;border:0;align-items:center;gap:12px;padding:6px 0;display:flex}.tt-qtext{min-width:0}.tt-qtitle{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.tt-qsub{color:var(--muted);font-size:12px}.dp-root{min-height:0;padding-bottom:calc(var(--nav-h) + var(--sys-b) + 28px);flex:1;position:relative;overflow:hidden auto}.dp-head{z-index:20;background:color-mix(in srgb, var(--bg-0) calc(var(--p) * 92%), transparent);height:56px;-webkit-backdrop-filter:blur(calc(var(--p) * 16px));backdrop-filter:blur(calc(var(--p) * 16px));align-items:center;gap:6px;margin-bottom:-56px;padding:0 8px;display:flex;position:sticky;top:0}.dp-head-mini{min-width:0;font-family:var(--font-display);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.dp-head-mini span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dp-mini-disc{background:repeating-radial-gradient(circle,#121218 0 1px,#1d1d26 1px 2px);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.dp-mini-disc.lit{box-shadow:0 0 12px 2px rgba(var(--accent-rgb), .55)}.dp-hero{position:relative;overflow:hidden}.dp-disc-wrap{touch-action:none;cursor:grab;transform-origin:50% 100%;border-radius:50%;position:absolute}.dp-disc-wrap.nudge{animation:.7s cubic-bezier(.3,1.6,.5,1) dpNudge}@keyframes dpNudge{30%{translate:0 26px}60%{translate:0 -4px}}.dp-disc{will-change:transform;background:radial-gradient(circle,#0000 0 30%,#0b0b0f 30% 31%,#0000 31%),repeating-radial-gradient(circle,#121218 0 1.4px,#1b1b23 1.4px 2.8px);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 18px 40px -14px #0009}.dp-label{border-radius:50%;width:60%;height:60%;overflow:hidden;box-shadow:0 0 0 3px #0b0b0f}.dp-label>*{width:100%!important;height:100%!important}.dp-sheen{pointer-events:none;background:conic-gradient(from 200deg, transparent 0 8%, #ffffff1a 14%, transparent 22% 58%, #ffffff12 64%, transparent 72%);border-radius:50%;position:absolute;inset:0}.dp-spindle{background:#d9dce3;border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;top:50%;left:50%;box-shadow:inset 0 -2px 3px #00000059}.dp-halo{border-radius:50%;transition:box-shadow .6s;position:absolute;inset:0}.dp-halo.on{animation:2.4s ease-in-out infinite dpHalo}@keyframes dpHalo{0%,to{box-shadow:0 0 30px 6px rgba(var(--accent-rgb), .35)}50%{box-shadow:0 0 54px 14px rgba(var(--accent-rgb), .55)}}.dp-lobe{z-index:3;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 0 0 6px var(--bg-0), 0 10px 24px -8px rgba(var(--accent-rgb), .8);border:0;border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:absolute}.dp-lobe:active{transform:scale(.9)}.dp-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);pointer-events:none;justify-content:center;align-items:center;gap:6px;font-size:11px;transition:color .2s;display:flex;position:absolute;bottom:2px;left:0;right:0}.dp-hint.go,.dp-hint.nudge{color:var(--accent)}.dp-info{text-align:center;padding:14px 24px 6px}.dp-kind{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.dp-name{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 4px;font-size:28px;font-weight:800;line-height:1.1}.dp-sub{color:var(--muted);font-size:13px}.dp-side{letter-spacing:.2em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;margin:22px 22px 6px;font-size:11px;font-weight:700;display:flex}.dp-sort{color:var(--muted);font:inherit;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 2px;display:inline-flex}.dp-tracks{margin:0;padding:0 8px 0 14px;list-style:none}.dp-trk{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:9px 0;display:flex}.dp-trk:active{background:rgba(var(--accent-rgb), .07)}.dp-trk.dim{opacity:.45}.dp-n{width:26px;color:var(--faint);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:13px;display:grid}.dp-trk-main{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.dp-trk-main b,.dp-trk-main em{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dp-trk-main b{font-size:15px;font-weight:600}.dp-trk-main em{color:var(--muted);font-size:12.5px;font-style:normal}.dp-trk.on .dp-trk-main b{color:var(--accent)}.dp-dur{color:var(--faint);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.dp-trk-more{color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:6px}.dp-trk-vinyl{background:radial-gradient(circle, #d9dce3 0 9%, var(--accent) 9% 34%, transparent 34%), repeating-radial-gradient(circle, #121218 0 1px, #23232c 1px 2px);width:22px;height:22px;box-shadow:0 0 8px rgba(var(--accent-rgb), .5);border-radius:50%;display:block}.dp-trk-vinyl.spin{animation:1.8s linear infinite vinylSpin}.dp-more{width:calc(100% - 32px);margin:10px 16px 0;display:block}.dp-head .home-bar-btn{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:40px;height:40px;box-shadow:0 0 0 1px var(--border);border-radius:50%;flex:none}.dp-name.editable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.dp-edit{flex-direction:column;align-items:center;gap:10px;margin:6px 0 4px;display:flex}.dp-name-input{text-align:center;width:100%;color:var(--text);border:0;border-bottom:2px solid var(--accent);background:0 0;border-radius:0;outline:none;margin:0;padding:2px 0 6px}.dp-edit-actions{gap:14px;display:flex}.dp-edit-btn{cursor:pointer;background:var(--surface-2);width:40px;height:40px;color:var(--muted);border:1px solid var(--border);border-radius:50%;place-items:center;display:grid}.dp-edit-btn.ok{background:var(--accent);color:#fff;border-color:#0000}.dp-edit-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite vinylSpin}.dp-edit-err{color:var(--accent-2);font-size:13px}.tt-names{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tt-edit{flex-direction:column;align-items:center;gap:8px;display:flex}.tt-edit-input{text-align:center;width:100%;color:var(--text);border:0;border-bottom:2px solid var(--accent);background:0 0;border-radius:0;outline:none;margin:0;padding:2px 0 4px}.tt-edit-input.tt-artist{border-bottom-width:1px;border-bottom-color:rgba(var(--accent-rgb), .5);color:var(--muted)}.tt-edit .dp-edit-actions{align-items:center}.tt-cover-pick{cursor:pointer;box-shadow:0 0 0 2px var(--accent), 0 6px 16px -6px rgba(var(--accent-rgb), .7);background:0 0;border:0;border-radius:50%;padding:0}.tt-cover-pick:disabled{box-shadow:0 0 0 1px var(--border)}.tt-cover-pick.busy{animation:1.2s ease-in-out infinite discHalo}.tt-cover-note{color:var(--faint);font-size:11.5px}.lq-backdrop{z-index:200;background:0 0;transition:background .3s;position:fixed;inset:0}.lq-backdrop.open{background:#00000073}.lq-sheet{max-width:520px;height:0;margin:0 auto;position:absolute;bottom:0;left:0;right:0}.lq-liquid{pointer-events:none;filter:drop-shadow(0 -10px 22px #00000038);width:100%;position:absolute;bottom:0;left:0;overflow:visible}.lq-liquid path{fill:var(--plate-lit)}.lq-body{overscroll-behavior:contain;opacity:0;height:100%;transition:opacity .18s;position:relative;overflow-y:auto}.lq-sheet.open .lq-body{opacity:1;transition:opacity .3s .1s}.sheet.lq-content{box-shadow:none;background:0 0;border:0;border-radius:0;max-height:none;animation:none;overflow:visible}.home-tabs{padding:4px var(--screen-px,18px) 6px;scrollbar-width:none;align-items:baseline;gap:18px;display:flex;overflow-x:auto}.home-tabs button{cursor:pointer;white-space:nowrap;font-family:var(--font-display);letter-spacing:-.02em;color:var(--faint);background:0 0;border:0;padding:4px 0;font-size:17px;font-weight:800;transition:color .25s,font-size .25s}.home-tabs button.on{color:var(--accent);font-size:24px}.lib-tabs{padding:14px 0 4px}.lib-filter{border-bottom:1.5px solid var(--border);color:var(--muted);align-items:center;gap:10px;margin:6px 0 10px;padding:8px 2px;transition:border-color .2s;display:flex}.lib-filter:focus-within{border-bottom-color:var(--accent);color:var(--accent)}.lib-filter input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px}.lib-filter button{color:var(--faint);cursor:pointer;background:0 0;border:0;padding:4px}.lib-list{margin:0;padding:0;list-style:none}.lib-row{cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 66px;border-radius:14px;align-items:center;gap:14px;padding:8px 4px;display:flex}.lib-row:active{background:rgba(var(--accent-rgb), .07)}.lib-row-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.lib-row-text b,.lib-row-text em{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lib-row-text b{font-size:15px;font-weight:600}.lib-row-text em{color:var(--muted);font-size:12.5px;font-style:normal}.lib-row-act{color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:8px}.lib-vinyl{background:radial-gradient(circle,#0000 0 30%,#0b0b0f 30% 31.5%,#0000 31.5%),repeating-radial-gradient(circle,#121218 0 1px,#1d1d26 1px 2px);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 6px 14px -8px #0009}.lib-vinyl>*{box-shadow:0 0 0 2px #0b0b0f}.lib-sentinel{height:1px}.lib-artists{padding-right:22px;position:relative}.lib-abc{right:2px;top:calc(var(--sys-t) + 150px);bottom:calc(var(--nav-h) + var(--sys-b) + 16px);z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;align-items:center;width:22px;display:flex;position:fixed}.lib-abc span{color:var(--muted);font-size:10px;font-weight:700;line-height:1}.lib-abc span.off{color:var(--faint);opacity:.45}.lib-abc span.on{color:var(--accent);transform:scale(1.5)}.lib-abc-bubble{z-index:6;pointer-events:none;width:84px;height:84px;font-family:var(--font-display);color:#fff;background:var(--accent);box-shadow:0 12px 30px -8px rgba(var(--accent-rgb), .7);border-radius:50%;place-items:center;font-size:40px;font-weight:800;display:grid;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.lib-cloud{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 16px;padding:18px 4px 10px;display:flex}.lib-cloud-word{cursor:pointer;color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;background:0 0;border:0;padding:2px 0;line-height:1.1}.lib-cloud-word:nth-child(3n+1){color:var(--accent)}.lib-cloud-word sup{font-family:var(--font-body,inherit);color:var(--faint);letter-spacing:0;margin-left:3px;font-size:10px;font-weight:600}.lib-cloud-word:active{transform:scale(.94)}.dp-art{border-radius:50%;flex:none;display:grid}.dp-art.on{box-shadow:0 0 0 2px var(--accent), 0 0 12px rgba(var(--accent-rgb), .5)}.dp-art.spin{animation:6s linear infinite vinylSpin}.sx-field{border-bottom:2px solid var(--border);color:var(--faint);align-items:center;gap:10px;margin:26px 4px 8px;padding:6px 0 10px;transition:border-color .2s,color .2s;display:flex}.sx-field:focus-within{border-bottom-color:var(--accent);color:var(--accent)}.sx-input{min-width:0;color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;background:0 0;border:0;outline:none;flex:1;font-size:28px;font-weight:800}.sx-input::placeholder{color:var(--faint)}.sx-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px}.sx-head{letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:22px 4px 8px;font-size:11px;font-weight:700}.sx-note{color:var(--muted);margin:18px 4px}.sx-artists{scrollbar-width:none;gap:16px;padding:4px 4px 6px;display:flex;overflow-x:auto}.sx-artist{width:84px;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.sx-artist span{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:12.5px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.sx-songs{padding:0 4px}.sx-recents{flex-wrap:wrap;gap:4px 18px;padding:0 4px;display:flex}.sx-recent{align-items:center;gap:2px;display:inline-flex}.sx-recent button{cursor:pointer;color:var(--text);background:0 0;border:0;padding:4px 0;font-size:16px;font-weight:600}.sx-recent button.x{color:var(--faint);padding:4px}.st-title{font-family:var(--font-display);letter-spacing:-.02em;margin:24px 4px 6px;font-size:30px;font-weight:800}.st-account{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:0 4px;padding:0;font-size:14px;display:flex}.st-account b{color:var(--text)}.st-led{background:var(--faint);border-radius:50%;flex:none;width:9px;height:9px}.st-led.on{background:#3ddc84;box-shadow:0 0 8px #3ddc84}.st-sec{margin-top:26px}.st-head{letter-spacing:.2em;text-transform:uppercase;color:var(--faint);align-items:center;gap:12px;margin:0 4px 6px;font-size:11px;font-weight:700;display:flex}.st-head:after{content:"";background:var(--border);flex:1;height:1px}.st-row{flex-direction:column;gap:8px;padding:12px 4px;display:flex}.st-label{flex-direction:column;gap:2px;font-size:15px;font-weight:600;display:flex}.st-label small{color:var(--muted);font-size:12.5px;font-weight:400}.st-pick{flex-wrap:wrap;align-items:baseline;gap:4px 20px;display:flex}.st-pick button{cursor:pointer;color:var(--faint);font-family:var(--font-display);letter-spacing:-.01em;background:0 0;border:0;padding:2px 0;font-size:17px;font-weight:700;transition:color .2s,transform .2s}.st-pick button.on{color:var(--accent);font-weight:800}.st-pick button:active{transform:scale(.94)}.st-rg{flex-wrap:wrap;align-items:center;gap:4px 18px;padding:0 4px 6px;display:flex}.st-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:14px;font-weight:700}.st-link.muted{color:var(--muted)}.st-link:disabled{opacity:.6}.st-hint{width:100%;color:var(--muted);margin:2px 0 0;font-size:12.5px;line-height:1.45}.st-hint.center{text-align:center}.st-fader{touch-action:none;cursor:pointer;height:36px;margin:0 12px;position:relative}.st-fader-track{background:var(--border);border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0;overflow:hidden}.st-fader-fill{background:var(--accent);height:100%}.st-fader-tick{background:var(--border);width:1px;height:12px;margin:-6px 0 0 -.5px;position:absolute;top:50%}.st-fader-knob{background:linear-gradient(180deg, var(--plate-lit), var(--plate-bg));width:22px;height:30px;box-shadow:0 4px 10px -3px #0006, inset 0 0 0 1px var(--border);border-radius:6px;margin:-15px 0 0 -11px;position:absolute;top:50%}.st-fader-knob:after{content:"";background:var(--accent);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:3px;right:3px}.st-knob-wrap{flex-direction:column;align-items:center;padding:8px 0 4px;display:flex}.st-knob-dial{touch-action:none;cursor:grab;width:190px;height:190px;position:relative}.st-knob-mark{color:var(--faint);font-size:13px;font-weight:700;transition:color .2s,font-size .2s;position:absolute;transform:translate(-50%,-50%)}.st-knob-mark.on{color:var(--accent);font-size:15px}.st-knob{background:repeating-conic-gradient(from 0deg, #0000000f 0 3deg, transparent 3deg 9deg), radial-gradient(circle at 35% 30%, var(--plate-lit), var(--plate-bg) 75%);box-shadow:0 10px 24px -10px #00000080, inset 0 0 0 1px var(--border);border-radius:50%;transition:transform .35s cubic-bezier(.3,1.5,.5,1),box-shadow .3s;position:absolute;inset:34px}.st-knob.lit{box-shadow:0 10px 24px -10px #00000080, 0 0 22px rgba(var(--accent-rgb), .45), inset 0 0 0 1px var(--border)}.st-knob-pointer{background:var(--accent);border-radius:2px;width:4px;height:26px;margin-left:-2px;position:absolute;top:10px;left:50%}.st-nav{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:13px 4px;font-size:15px;font-weight:600;display:flex}.st-nav:last-child{border-bottom:0}.st-nav svg{color:var(--faint)}.st-logout{color:var(--accent-2);font:inherit;cursor:pointer;background:0 0;border:0;margin:30px auto 0;font-size:14px;font-weight:700;display:block}.ph{padding-top:12px}.ph-back{cursor:pointer;background:var(--glass);width:40px;height:40px;color:var(--text);box-shadow:0 0 0 1px var(--border);border:0;border-radius:50%;place-items:center;margin-left:2px;display:grid}.ph-title{margin-top:14px}.ph-sub{color:var(--muted);margin:4px 4px 0;font-size:13.5px;line-height:1.5}.dl-url{border-bottom:2px solid var(--border);align-items:center;gap:10px;margin:22px 4px 4px;padding-bottom:8px;transition:border-color .2s;display:flex}.dl-url:focus-within{border-bottom-color:var(--accent)}.dl-url-input{font-size:24px}.dl-paste{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px;font-size:14px;font-weight:700}.dl-go{cursor:pointer;background:var(--accent);color:#fff;width:52px;height:52px;box-shadow:0 10px 22px -8px rgba(var(--accent-rgb), .8);border:0;border-radius:50%;flex:none;place-items:center;transition:transform .15s;display:grid}.dl-go:active{transform:scale(.9)}.dl-go.busy{animation:1.2s ease-in-out infinite discHalo}.dl-more{margin:6px 4px 0}.dl-fields{grid-template-columns:1fr 1fr;gap:6px 18px;margin:4px 4px 0;display:grid}.dl-field{border:0;border-bottom:1.5px solid var(--border);color:var(--text);font:inherit;background:0 0;outline:none;min-width:0;padding:10px 0 8px;font-size:15px}.dl-field:focus{border-bottom-color:var(--accent)}.dl-vinyl{color:#fff;background:radial-gradient(circle, var(--accent) 0 22%, #0b0b0f 22% 24%, transparent 24%), repeating-radial-gradient(circle, #121218 0 1px, #1d1d26 1px 2px);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.dl-vinyl.spin{box-shadow:0 0 12px rgba(var(--accent-rgb), .5);animation:1.8s linear infinite vinylSpin}.dl-job.error .dl-vinyl{background:radial-gradient(circle, var(--accent-2) 0 22%, #0b0b0f 22% 24%, transparent 24%), repeating-radial-gradient(circle, #121218 0 1px, #1d1d26 1px 2px)}.dl-job.done .dl-vinyl svg,.dl-job.error .dl-vinyl svg{filter:drop-shadow(0 0 2px #0009)}.dl-status{color:var(--accent);font-weight:600}.dl-job.error .dl-status{color:var(--accent-2)}.dl-job.done .dl-status{color:var(--muted)}.dt-scope,.dt-tabs{padding:18px 4px 4px}.st-pick sup{font-family:var(--font-body,inherit);color:var(--faint);margin-left:3px;font-size:10px;font-weight:600}.dt-deck{flex-direction:column;align-items:center;padding:14px 0 6px;display:flex}.dt-disc{cursor:pointer;background:radial-gradient(circle,#0000 0 34%,#0b0b0f 34% 35.5%,#0000 35.5%),repeating-radial-gradient(circle,#121218 0 1.4px,#1b1b23 1.4px 2.8px);border:0;border-radius:50%;width:170px;height:170px;padding:0;position:relative;box-shadow:0 16px 34px -14px #0009}.dt-disc:before{content:"";background:conic-gradient(var(--accent) calc(var(--p) * 360deg), var(--border) 0);border-radius:50%;position:absolute;inset:-7px;-webkit-mask:radial-gradient(circle,#0000 0 calc(50% - 4px),#000 calc(50% - 3px));mask:radial-gradient(circle,#0000 0 calc(50% - 4px),#000 calc(50% - 3px))}.dt-disc.spin{animation:2.4s ease-in-out infinite dpHalo}.dt-disc:disabled{cursor:default;opacity:.8}.dt-disc-label{background:var(--accent);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex;position:absolute;inset:31%}.dt-disc-label b{font-family:var(--font-display);font-size:22px;font-weight:800}.dt-disc-label small{letter-spacing:.08em;text-transform:uppercase;opacity:.9;font-size:10px}.dt-note{color:var(--accent-2);text-align:center;margin:6px 4px 0;font-size:13px}.dt-pad{margin:4px 4px 0}.dt-sel{gap:18px;padding:2px 4px 4px;display:flex}.dt-row{align-items:flex-start}.dt-art{border-radius:50%;flex:none;transition:box-shadow .2s;display:grid;position:relative}.dt-art.on{box-shadow:0 0 0 2px var(--accent)}.dt-tick{background:var(--accent);color:#fff;width:20px;height:20px;box-shadow:0 0 0 2px var(--bg-0);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.dt-old{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dt-err{color:var(--accent-2)!important;white-space:normal!important}.dt-score{color:var(--accent);flex:none;align-self:center;font-size:12px;font-weight:700}.dt-score.doubt{color:var(--accent-2)}.dt-write{left:50%;bottom:calc(var(--nav-h) + var(--sys-b) + 14px);z-index:30;cursor:pointer;background:var(--accent);color:#fff;font:inherit;box-shadow:0 14px 30px -10px rgba(var(--accent-rgb), .85);border:0;border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:800;display:inline-flex;position:fixed;transform:translate(-50%)}.dt-write:disabled{opacity:.6}.app.kb .bottom-nav,.app.kb .dt-write{display:none}.app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app input,.app textarea{-webkit-user-select:text;user-select:text}.genre-ideas{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:-4px 2px 4px;display:flex}.genre-ideas span{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:11px}.genre-ideas button{font:inherit;color:var(--muted);cursor:pointer;border:0;border-bottom:1px dashed var(--border);background:0 0;padding:4px 0;font-size:14px}.genre-ideas button.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.dp-side .dp-extra{color:var(--accent);margin-left:auto;margin-right:14px}.dp-side .dp-extra:disabled{opacity:.6}.dp-trk.on{touch-action:pan-y;background:linear-gradient(90deg, rgba(var(--accent-rgb), .13) calc(var(--tp,0) * 100%), transparent calc(var(--tp,0) * 100%))}.dp-trk.on.scrub{background:linear-gradient(90deg, rgba(var(--accent-rgb), .25) calc(var(--tp,0) * 100%), rgba(var(--accent-rgb), .05) calc(var(--tp,0) * 100%))}.dp-trk.on .dp-dur b{color:var(--accent);font-weight:700}.dp-trk.on.scrub .dp-dur{font-size:14px}.tt-names{touch-action:pan-y;background:linear-gradient(90deg, rgba(var(--accent-rgb), .12) calc(var(--tp,0) * 100%), transparent calc(var(--tp,0) * 100%));border-radius:16px;margin:-6px -10px 0;padding:6px 10px}.tt-names.scrub{background:linear-gradient(90deg, rgba(var(--accent-rgb), .25) calc(var(--tp,0) * 100%), rgba(var(--accent-rgb), .05) calc(var(--tp,0) * 100%))}.tt-head .tt-fav{color:var(--muted);margin-right:8px}.tt-head .tt-fav.on{color:var(--pink)}.tt-head .tt-fav.on svg{animation:.35s favPop}@keyframes favPop{50%{transform:scale(1.3)}}.tt-rate{justify-content:center;gap:2px;margin-top:6px;display:flex}.tt-rate button{color:var(--faint);cursor:pointer;background:0 0;border:0;padding:4px 3px}.tt-rate button.on{color:#f5c518}.fav-tabs{flex-wrap:nowrap;justify-content:center;gap:10px;padding:0 4px 2px}.fav-tabs button{font-size:14px}.fav-tabs button.on{font-size:18px}.fav-tabs sup{font-family:var(--font-body,inherit);color:var(--faint);letter-spacing:0;margin-left:2px;font-size:10px;font-weight:600}.dp-head .dp-fav{color:var(--muted);margin-left:auto}.dp-head .dp-fav.on{color:var(--pink)}.ar-albums{scrollbar-width:none;scroll-snap-type:x proximity;gap:14px;padding:18px 20px 4px;display:flex;overflow-x:auto}.ar-albums::-webkit-scrollbar{display:none}.ar-album{cursor:pointer;scroll-snap-align:start;width:104px;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;padding:0;display:flex}.ar-album b{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.ar-album em{color:var(--faint);margin-top:-4px;font-size:11px;font-style:normal}.dp-juke{position:absolute;inset:0}.qq-now{background:var(--plate-lit);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-radius:22px;align-items:center;gap:14px;margin:14px 0 4px;padding:14px 16px;display:flex;box-shadow:0 12px 30px -18px #00000059}.qq-now>svg{color:var(--accent);flex:none}.qq-disc{background:repeating-radial-gradient(circle,#121218 0 1.2px,#1b1b23 1.2px 2.4px);border-radius:50%;flex:none;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 6px 14px -6px #00000080}.qq-disc.spin{animation:2.4s linear infinite vinylSpin}.qq-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:700}.qq-side{margin:22px 4px 4px}.qq-row{touch-action:pan-y;transition:transform .15s}.qq-row.dragging{z-index:2;background:var(--plate-lit);border-radius:14px;transition:none;position:relative;box-shadow:0 14px 30px -12px #0006}.qq-grip{cursor:grab;touch-action:none;flex-direction:column;flex:none;gap:3px;padding:10px 6px 10px 2px;display:flex}.qq-grip i{background:var(--faint);border-radius:2px;width:14px;height:2px;display:block}.qq-x{color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:8px}.qq-x:active{color:var(--accent-2)}.eqq-power{background:var(--plate-lit);color:var(--muted);cursor:pointer;font:inherit;letter-spacing:.14em;text-transform:uppercase;border:0;border-radius:16px;align-items:center;gap:10px;margin:18px 4px 6px;padding:12px 22px 12px 16px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px -10px #00000059,inset 0 -2px #0000000f}.eqq-power:active{transform:translateY(1px)}.eqq-power.on{color:var(--text)}.eqq-led{background:#5a5e6b;border-radius:50%;width:8px;height:8px;transition:background .2s,box-shadow .2s}.eqq-power.on .eqq-led{background:var(--accent);box-shadow:0 0 8px 2px rgba(var(--accent-rgb), .8)}.eqq-presets{flex-wrap:wrap;gap:4px 16px;padding:10px 4px 0}.eqq-bands{background:var(--plate-lit);border-radius:22px;justify-content:space-between;gap:4px;margin:22px 0 10px;padding:18px 10px 14px;transition:opacity .25s;display:flex}.eqq-bands.off{opacity:.45}.eqq-band{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.eqq-band small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.eqq-band small.set{color:var(--accent)}.eqq-band span{color:var(--muted);font-size:11px}.eqq-track{touch-action:none;cursor:pointer;width:30px;height:210px;position:relative}.eqq-track:before{content:"";background:var(--surface-2);border-radius:4px;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:inset 0 1px 2px #00000040}.eqq-zero{background:var(--border);height:1px;position:absolute;top:50%;left:4px;right:4px}.eqq-fill{background:var(--accent);border-radius:4px;width:4px;margin-left:-2px;position:absolute;left:50%}.eqq-knob{background:linear-gradient(#fdfdff,#d9dbe3);border-radius:6px;height:18px;margin-top:-9px;position:absolute;left:0;right:0;box-shadow:0 3px 6px -2px #00000059,inset 0 -1px #00000014}.eqq-knob:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;top:8px;left:4px;right:4px}.src-head{margin-top:20px}.src-row{cursor:pointer}.src-ico{background:var(--plate-lit);width:40px;height:40px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 4px 10px -6px #00000059}.st-led.wait{background:#f5a623;animation:1.4s ease-in-out infinite dpHalo;box-shadow:0 0 8px #f5a623cc}.src-add{margin-top:10px}.src-form{flex-direction:column;gap:6px;margin:20px 4px 0;display:flex}.src-form .st-nav .lib-row-text{text-align:left}.src-actions{justify-content:flex-end;align-items:center;gap:18px;margin-top:12px;display:flex}.src-go{background:var(--accent);color:#fff;font:inherit;cursor:pointer;box-shadow:0 10px 22px -10px rgba(var(--accent-rgb), .8);border:0;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:800}.src-go:disabled{opacity:.6}.src-reconnect{flex-direction:column;align-items:center;gap:12px;margin:18px 20px 0;display:flex}.cx{min-height:100dvh;padding:calc(var(--sys-t) + 20px) 20px calc(var(--sys-b) + 20px);background:var(--bg-0);place-items:center;display:grid}.cx-card{flex-direction:column;align-items:stretch;gap:6px;width:100%;max-width:380px;display:flex}.cx-disc{background:radial-gradient(circle,#0000 0 34%,#0b0b0f 34% 35.5%,#0000 35.5%),repeating-radial-gradient(circle,#121218 0 1.4px,#1b1b23 1.4px 2.8px);border-radius:50%;place-items:center;width:170px;height:170px;margin:0 auto 10px;animation:6s linear infinite vinylSpin;display:grid;box-shadow:0 18px 40px -16px #0009}.cx-label{background:var(--accent);color:#fff;width:62px;height:62px;font-family:var(--font-display);letter-spacing:.12em;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:8.5px;font-weight:800;display:flex}.cx-label small{letter-spacing:0;opacity:.85;margin-top:2px;font-size:9px}.cx-title{text-align:center;margin:4px 0 0}.cx-card .st-hint{margin-bottom:10px}.cx-more{align-self:flex-start}.cx-go{margin-top:16px;padding:14px;font-size:15px}.cx-card>.st-link.muted:last-child{align-self:center;margin-top:6px}.wr-hero{flex-direction:column;align-items:center;gap:10px;margin:18px 0 8px;display:flex}.wr-disc{background:radial-gradient(circle,#0000 0 34%,#0b0b0f 34% 35.5%,#0000 35.5%),repeating-radial-gradient(circle,#121218 0 1.4px,#1b1b23 1.4px 2.8px);border-radius:50%;place-items:center;width:220px;height:220px;display:grid;box-shadow:0 20px 44px -18px #0009}.wr-label{background:var(--accent);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:46%;height:46%;line-height:1.05;display:flex}.wr-label b{font-family:var(--font-display);font-size:22px;font-weight:800}.wr-label small{letter-spacing:.1em;text-transform:uppercase;opacity:.9;font-size:9px}.wr-rank{text-align:center;width:18px;font-family:var(--font-display);color:var(--accent);flex:none;font-size:17px;font-weight:800}.wr-albums{padding-left:4px;padding-right:4px}.wr-cloud{pointer-events:none}