:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--bg-2:#101013;--surface:#17181c;--surface-2:#1f2126;--surface-3:#2a2c33;--sep:#ffffff16;--sep-strong:#ffffff29;--text:#f5f5f7;--text-2:#9c9ca5;--text-3:#6b6c76;--accent:#e8b04b;--accent-soft:#e8b04b24;--accent-ink:#1a1206;--ok:#5fd08a;--f-title:34px;--f-h1:26px;--f-h2:20px;--f-body:17px;--f-sub:15px;--f-foot:13px;--f-cap:11px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--r-1:8px;--r-2:12px;--r-3:16px;--r-4:22px;--r-full:999px;--z-dock:20;--z-player:30;--z-toast:40;--tap:44px;--ease:cubic-bezier(.32, .72, 0, 1);color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);font-size:var(--f-sub);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0;line-height:1.35}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(button,a):focus:not(:focus-visible){outline:none}h1,h2,p{margin:0}.ic{flex:none;display:block}.spin{animation:1s linear infinite spin}.ellipsis,.now-copy b,.now-copy em,.card b,.card small,.track-copy b,.track-copy small,.row-copy b,.row-copy small,.mini-text b,.mini-text small,.player-meta b,.player-meta small,.player-ctx{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app{--dock-h:60px;max-width:560px;min-height:100dvh;padding:0 var(--s-4);margin:0 auto}.app.has-player{--dock-h:120px}main{padding-bottom:calc(var(--dock-h) + env(safe-area-inset-bottom) + var(--s-6))}.top{justify-content:space-between;align-items:center;gap:var(--s-3);padding:calc(env(safe-area-inset-top) + var(--s-5)) 0 var(--s-3);display:flex}.top h1{font-size:var(--f-title);letter-spacing:-.9px;font-weight:700;line-height:1.1}.status{border-radius:var(--r-full);background:var(--surface);height:28px;color:var(--text-2);font-size:var(--f-cap);flex:none;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.status .dot{background:var(--text-3);border-radius:50%;width:7px;height:7px}.status.online .dot{background:var(--ok)}.section-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin:var(--s-6) 0 var(--s-3);display:flex}h2{font-size:var(--f-h2);letter-spacing:-.4px;font-weight:700}.section-count{color:var(--text-3);font-size:var(--f-foot);font-variant-numeric:tabular-nums}.art{aspect-ratio:1;border-radius:var(--r-2);background:linear-gradient(155deg, hsl(var(--h,42) 44% 31%), hsl(calc(var(--h,42) + 36) 38% 13%));flex:none;width:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.art:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1a,#0000 46%);position:absolute;inset:0}.art-canvas{color:#ffffff26;width:100%;height:100%;position:absolute;inset:0}.art-text{fill:#ffffffe0;stroke:none;letter-spacing:.5px;font-weight:600}.art-note{fill:#fffc;stroke:#fffc}.art-sm{border-radius:var(--r-1);width:40px}.art-md{width:48px}.art-lg{border-radius:var(--r-3);width:64px}.art-tile{border-radius:var(--r-2);width:58px}.art-empty{color:var(--text-2);place-items:center;display:grid}.now{align-items:center;gap:var(--s-3);padding:var(--s-3);margin-bottom:var(--s-2);border-radius:var(--r-4);background:linear-gradient(180deg, var(--surface), var(--bg-2));box-shadow:inset 0 0 0 1px var(--sep);display:flex}.now-main{align-items:center;gap:var(--s-3);min-width:0;min-height:var(--tap);text-align:left;background:0 0;border:0;flex:1;padding:0;display:flex}.now-copy{gap:2px;min-width:0;display:grid}.now-copy small{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.now-copy b{font-size:var(--f-sub);font-weight:600}.now-copy em{color:var(--text-2);font-style:normal;font-size:var(--f-foot)}.fab{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);border:0;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 6px 16px #e8b04b38}.hero{padding:var(--s-5);margin-bottom:var(--s-2);border-radius:var(--r-4);background:radial-gradient(120% 110% at 0% 0%, #e8b04b2b, transparent 62%), var(--surface);box-shadow:inset 0 0 0 1px var(--sep)}.hero-art{margin-bottom:var(--s-4);padding-left:var(--s-2);display:flex}.hero-art .art{box-shadow:inset 0 0 0 1px var(--sep-strong), 0 8px 18px #00000080}.hero-art .art:first-child{transform:rotate(-7deg)}.hero-art .art:nth-child(2){margin-left:-14px;transform:translateY(-4px)}.hero-art .art:nth-child(3){margin-left:-14px;transform:rotate(7deg)}.hero h2{margin-bottom:var(--s-1)}.hero p{color:var(--text-2);font-size:var(--f-sub)}.hero-actions{gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.shelf-scroll{gap:var(--s-3);scroll-snap-type:x proximity;scroll-padding-inline:var(--s-4);margin:0 calc(var(--s-4) * -1);padding:2px var(--s-4) var(--s-2);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.shelf-scroll::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;flex:none;width:132px;display:grid;position:relative}.card-art{background:0 0;border:0;padding:0;display:block;position:relative}.card-art .art{border-radius:var(--r-3)}.card-like{width:var(--tap);height:var(--tap);color:#fff;filter:drop-shadow(0 1px 4px #000000b3);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.card-like.on{color:var(--accent)}.card b{margin-top:var(--s-2);font-size:var(--f-foot);font-weight:600}.card small{color:var(--text-2);font-size:12px}.card.on b{color:var(--accent)}.searchbar{z-index:5;padding:var(--s-1) 0 var(--s-3);background:var(--bg);position:sticky;top:0}.field{align-items:center;gap:var(--s-2);height:var(--tap);padding:0 var(--s-3);border-radius:var(--r-2);background:var(--surface-2);color:var(--text-3);display:flex}.field:focus-within{box-shadow:0 0 0 2px var(--accent)}.field input:focus-visible{outline:none}.field input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;flex:1;font-size:16px}.field input::placeholder{color:var(--text-3)}.field input::-webkit-search-cancel-button{display:none}.field-clear{width:var(--tap);height:var(--tap);color:var(--text-2);background:0 0;border:0;place-items:center;margin-right:-10px;display:grid}.field-clear .ic{box-sizing:content-box;background:var(--surface-3);border-radius:50%;padding:4px}.seg{margin-bottom:var(--s-3);border-radius:var(--r-2);background:var(--surface-2);gap:2px;padding:2px;display:flex}.seg button{min-height:var(--tap);color:var(--text-2);font-size:var(--f-foot);transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:0;border-radius:10px;flex:1;font-weight:600}.seg button.on{background:var(--surface-3);color:var(--text);box-shadow:0 1px 2px #00000059}.actions{align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);display:flex}.pill{height:var(--tap);padding:0 var(--s-4);border-radius:var(--r-full);background:var(--surface-2);color:var(--text);border:0;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.pill .ic{color:var(--accent)}.pill.on{background:var(--accent-soft);color:var(--accent)}.actions-count{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.track-list,.rows{display:grid}.track{grid-template-columns:minmax(0, 1fr) var(--tap) var(--tap);align-items:center;display:grid;position:relative}.track+.track:before,.row-link+.row-link:before{content:"";background:var(--sep);height:1px;position:absolute;top:0;left:60px;right:0}.track-main{align-items:center;gap:var(--s-3);min-width:0;min-height:64px;padding:var(--s-2) 0;text-align:left;background:0 0;border:0;display:flex}.track-art{flex:none;width:48px;position:relative}.track-copy{gap:3px;min-width:0;display:grid}.track-copy b{font-size:var(--f-sub);font-weight:500}.track-copy small{color:var(--text-2);font-size:var(--f-foot);align-items:center;gap:5px;display:flex}.track-copy .badge{color:var(--text-3)}.track.on .track-copy b{color:var(--accent)}.eq{border-radius:var(--r-2);background:#06060880;justify-content:center;align-items:flex-end;gap:3px;padding-bottom:14px;display:flex;position:absolute;inset:0}.eq i{background:var(--accent);transform-origin:bottom;border-radius:2px;width:3px;height:12px;animation:.85s ease-in-out infinite alternate eq}.eq i:nth-child(2){height:18px;animation-delay:.17s}.eq i:nth-child(3){height:14px;animation-delay:.34s}.eq.paused i{animation-play-state:paused}.eq-lg{border-radius:var(--r-3);align-items:center;gap:5px;padding-bottom:0}.eq-lg i{width:5px;height:24px}.eq-lg i:nth-child(2){height:38px}.eq-lg i:nth-child(3){height:30px}.icon{width:var(--tap);height:var(--tap);color:var(--text-3);background:0 0;border:0;place-items:center;display:grid}.icon.on{color:var(--accent)}.menu{width:var(--tap);height:var(--tap);color:var(--text-3);place-items:center;display:grid;position:relative}.menu select{opacity:0;appearance:none;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.round{width:var(--tap);height:var(--tap);background:var(--surface-2);color:var(--text);border:0;border-radius:50%;place-items:center;display:grid}.primary,.ghost{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-5);border-radius:var(--r-full);font-size:var(--f-sub);border:0;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:var(--accent-ink)}.ghost{background:var(--surface-2);color:var(--text)}.empty{justify-items:center;gap:var(--s-2);padding:var(--s-8) var(--s-5);text-align:center;display:grid}.empty-ic{width:56px;height:56px;margin-bottom:var(--s-2);background:var(--surface-2);color:var(--text-3);border-radius:50%;place-items:center;display:grid}.empty b{font-size:var(--f-body)}.empty p{max-width:30ch;color:var(--text-2);font-size:14px}.empty .primary{margin-top:var(--s-3)}.row-link{align-items:center;gap:var(--s-3);width:100%;min-height:64px;padding:var(--s-2) 0;text-align:left;background:0 0;border:0;display:flex;position:relative}.row-copy{flex:1;gap:3px;min-width:0;display:grid}.row-copy b{font-size:var(--f-sub);font-weight:600}.row-copy small{color:var(--text-2);font-size:var(--f-foot)}.row-chevron{color:var(--text-3)}.group-title{margin:var(--s-6) var(--s-1) var(--s-2);color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.group{border-radius:var(--r-3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--sep);overflow:hidden}.group .row{justify-content:space-between;align-items:center;gap:var(--s-4);width:100%;min-height:52px;padding:var(--s-3) var(--s-4);color:var(--text);font-size:var(--f-sub);text-align:left;background:0 0;border:0;display:flex}.group .row+.row{box-shadow:inset 0 1px 0 var(--sep)}.row-value{min-width:0;color:var(--text-2);text-align:right;font-size:14px;font-weight:500}.row-value.path{font-size:var(--f-foot);overflow-wrap:anywhere}.row-action{min-height:var(--tap);color:var(--accent);font-weight:600}.row-action .ic{color:var(--accent)}.hint{margin:var(--s-2) var(--s-1) 0;color:var(--text-3);font-size:12px;line-height:1.45}.dock{z-index:var(--z-dock);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--sep);-webkit-backdrop-filter:blur(28px)saturate(180%);background:#0e0e11e6;position:fixed;bottom:0;left:0;right:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dock{background:#131316}}.mini,.tabs{max-width:560px;margin-inline:auto}.mini{align-items:center;gap:var(--s-1);height:60px;padding:0 var(--s-2) 0 var(--s-3);box-shadow:inset 0 -1px 0 var(--sep);display:flex;position:relative}.mini-open{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;height:52px;padding:0;display:flex}.mini-text{gap:1px;min-width:0;display:grid}.mini-text b{font-size:14px;font-weight:600}.mini-text small{color:var(--text-2);font-size:12px}.mini-act{width:var(--tap);height:var(--tap);color:var(--text);background:0 0;border:0;flex:none;place-items:center;display:grid}.mini-progress,.range{appearance:none;background:0 0;width:100%;margin:0;padding:0}.mini-progress{z-index:2;height:14px;position:absolute;top:0;left:0;right:0}.mini-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) calc(var(--p,0) * 1%), #ffffff21 0);border-radius:2px;height:3px}.mini-progress::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border-radius:50%;width:10px;height:10px;margin-top:-4px}.mini-progress::-moz-range-track{background:#ffffff21;border-radius:2px;height:3px}.mini-progress::-moz-range-progress{background:var(--accent);border-radius:2px;height:3px}.mini-progress::-moz-range-thumb{background:0 0;border:0;width:10px;height:10px}.tabs{padding:var(--s-1) var(--s-2) var(--s-2);grid-template-columns:repeat(4,1fr);display:grid}.tabs button{border-radius:var(--r-2);min-height:48px;color:var(--text-3);background:0 0;border:0;align-content:center;justify-items:center;gap:3px;display:grid}.tabs button small{font-size:10px;font-weight:600}.tabs button.on{color:var(--accent)}.player{z-index:var(--z-player);padding:env(safe-area-inset-top) var(--s-5) calc(env(safe-area-inset-bottom) + var(--s-4));background:radial-gradient(130% 78% at 50% 0%, hsl(var(--h,42) 32% 22%), transparent 60%), linear-gradient(180deg, #111114, #08080a 58%);animation:sheet .34s var(--ease);transition:transform .28s var(--ease);will-change:transform;flex-direction:column;display:flex;position:fixed;inset:0}.player>*{width:100%;max-width:420px;margin-inline:auto}.player-drag{min-height:0;padding-bottom:var(--s-4);touch-action:none;flex-direction:column;flex:1;align-items:center;display:flex}.grabber{width:38px;height:5px;margin:var(--s-2) 0;background:#ffffff38;border-radius:3px}.player-top{justify-content:space-between;align-items:center;gap:var(--s-2);width:100%;margin-bottom:var(--s-5);display:flex}.player-ctx{text-align:center;min-width:0;color:var(--text-2);letter-spacing:.12em;text-transform:uppercase;flex:1;font-size:10px;font-weight:700}.icon-btn{width:var(--tap);height:var(--tap);color:var(--text);background:#ffffff12;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn.liked{color:var(--accent)}.player-art{width:min(74vw,44vh,300px);transition:transform .35s var(--ease);filter:drop-shadow(0 22px 38px #0000008c);margin-block:auto}.player-art .art{border-radius:var(--r-4)}.player-art.idle{transform:scale(.86)}.player-meta{gap:var(--s-1);padding:0 var(--s-2);text-align:center;display:grid}.player-meta b{font-size:var(--f-h2);letter-spacing:-.3px;font-weight:700}.player-meta small{color:var(--text-2);font-size:var(--f-sub)}.scrub{margin-top:var(--s-5)}.range{height:28px}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) calc(var(--p,0) * 1%), #ffffff26 0);border-radius:3px;height:6px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-4px;box-shadow:0 1px 4px #00000080}.range::-moz-range-track{background:#ffffff26;border-radius:3px;height:6px}.range::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}.range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.times{color:var(--text-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:12px;display:flex}.transport{justify-content:center;align-items:center;gap:var(--s-6);margin-top:var(--s-5);display:flex}.tr{width:64px;height:64px;color:var(--text);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.tr.play{background:var(--accent);width:72px;height:72px;color:var(--accent-ink);box-shadow:0 10px 24px #e8b04b42}.tr:active{transform:scale(.94)}.player-modes{justify-content:center;gap:var(--s-7);margin-top:var(--s-5);display:flex}.mode{width:var(--tap);height:var(--tap);color:var(--text-3);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.mode.on{background:var(--accent-soft);color:var(--accent)}.mode:disabled{opacity:1;color:var(--accent)}.toast{z-index:var(--z-toast);left:var(--s-4);right:var(--s-4);bottom:calc(var(--dock-h) + env(safe-area-inset-bottom) + var(--s-3));max-width:520px;padding:var(--s-3) var(--s-4);border-radius:var(--r-3);-webkit-backdrop-filter:blur(20px);text-align:center;animation:toast .24s var(--ease);background:#2a2c33eb;margin-inline:auto;font-size:14px;position:fixed;box-shadow:0 12px 32px #00000080}@keyframes sheet{0%{transform:translateY(100%)}}@keyframes toast{0%{opacity:0;transform:translateY(8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.eq i{animation:none;transform:none}.player-art.idle{opacity:.82;transform:none}}@media (height<=700px){.player-art{width:min(52vh,62vw)}.player-top{margin-bottom:var(--s-3)}.transport{gap:var(--s-5);margin-top:var(--s-3)}.tr{width:56px;height:56px}.tr.play{width:64px;height:64px}.player-modes,.scrub{margin-top:var(--s-3)}}@media (width<=360px){.app{padding:0 var(--s-3)}.mini .art-sm,.actions-count{display:none}.card{width:120px}}@media (width>=700px){.app{padding:0 var(--s-6)}.player-art{width:min(320px,40vh)}}