: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:#7d7e88;--accent:#e8b04b;--accent-soft:#e8b04b24;--accent-ink:#1a1206;--ok:#5fd08a;--accent-rgb:232, 176, 75;--dock-bg:#0e0e11e6;--dock-solid:#131316;--player-1:#111114;--player-2:#08080a;--wash-s:32%;--wash-l:22%;--toast-bg:#2a2c33eb;--track:#ffffff26;--knob:#fff;--film:#ffffff12;--scrim:#06060880;--on-art:#fff;--accent-on-art:var(--accent);--art-s1:58%;--art-l1:34%;--art-shift:52;--art-s2:54%;--art-l2:9%;--f-title:36px;--f-h1:26px;--f-h2:20px;--f-body:17px;--f-sub:15px;--f-foot:13px;--f-cap:11px;--font-display:ui-serif, "New York", "Iowan Old Style", Georgia, serif;--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,.queue-copy b,.queue-copy small,.sheet-head b{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:-1.1px;font-weight:800;line-height:1.08}.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-7) 0 var(--s-3);display:flex}h2{font-size:var(--f-h2);letter-spacing:-.4px;font-weight:700}.section-head h2{align-items:center;gap:var(--s-3);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);flex:1;font-size:12px;font-weight:700;display:flex}.section-head h2:after{content:"";background:var(--sep);flex:1;height:1px}.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) var(--art-s1) var(--art-l1)) 0%, hsl(var(--h,42) var(--art-s1) var(--art-l1)) 50%, hsl(calc(var(--h,42) + var(--art-shift)) var(--art-s2) var(--art-l2)) 50%, hsl(calc(var(--h,42) + var(--art-shift)) var(--art-s2) var(--art-l2)) 100%);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-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.art-text{fill:#ffffffe6;stroke:none;letter-spacing:.8px;font-weight:700}.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-strong);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);box-shadow:0 6px 16px rgba(var(--accent-rgb), .22);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.hero{padding:var(--s-6) var(--s-5);margin-bottom:var(--s-2);border-radius:var(--r-4);background:radial-gradient(120% 110% at 0% 0%, rgba(var(--accent-rgb), .1), transparent 60%), var(--surface);box-shadow:inset 0 0 0 1px var(--sep-strong)}.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 6px 16px #00000052}.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-2);font-family:var(--font-display);letter-spacing:-.4px;font-size:30px;font-weight:700;line-height:1.12}.hero p{color:var(--text-2);font-size:var(--f-sub)}.hero-actions{gap:var(--s-2);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--sep);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;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--s-4), #000 calc(100% - var(--s-4)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--s-4), #000 calc(100% - var(--s-4)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--s-4), #000 calc(100% - var(--s-4)), transparent);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:var(--on-art);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-on-art)}.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:var(--scrim);justify-content:center;align-items:flex-end;gap:3px;padding-bottom:14px;display:flex;position:absolute;inset:0}.eq i{background:var(--accent-on-art);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);background:0 0;border:0;place-items:center;display:grid}.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)}.card-art{transition:transform .14s var(--ease)}.card-art:active{transform:scale(.96)}.track-main,.row-link,.now-main{transition:opacity .12s}.track-main:active,.row-link:active,.now-main:active{opacity:.55}.pill,.primary,.ghost,.round{transition:transform .12s var(--ease)}.pill:active,.primary:active,.ghost:active,.round:active{transform:scale(.97)}.fab{transition:transform .12s var(--ease)}.fab:active{transform:scale(.9)}.icon-btn,.mode{transition:transform .12s var(--ease)}.icon-btn:active,.mode:active{transform:scale(.9)}.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-strong);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);background:var(--dock-bg);-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);position:fixed;bottom:0;left:0;right:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dock{background:var(--dock-solid)}}.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%), var(--track) 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:var(--track);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(110% 62% at 50% 0%, hsl(var(--h,42) var(--wash-s) var(--wash-l)), transparent 46%), linear-gradient(180deg, var(--player-1), var(--player-2) 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:var(--sep-strong);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);background:var(--film);color:var(--text);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 16px 28px #0006);animation:artIn .4s var(--ease);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-family:var(--font-display);letter-spacing:-.3px;font-size:26px;font-weight:700;line-height:1.12}.player-meta small{color:var(--text-2);font-size:var(--f-sub)}.player-sub{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:600}.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%), var(--track) 0);border-radius:3px;height:6px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--knob);border-radius:50%;width:14px;height:14px;margin-top:-4px;box-shadow:0 1px 4px #00000080}.range::-moz-range-track{background:var(--track);border-radius:3px;height:6px}.range::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}.range::-moz-range-thumb{background:var(--knob);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 rgba(var(--accent-rgb), .26)}.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);background:var(--toast-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;animation:toast .24s var(--ease);margin-inline:auto;font-size:14px;position:fixed;box-shadow:0 12px 32px #00000080}.overlay{z-index:44;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.2s fade;position:fixed;inset:0}.sheet{z-index:45;max-width:560px;padding:var(--s-2) var(--s-3) calc(env(safe-area-inset-bottom) + var(--s-4));border-radius:var(--r-4) var(--r-4) 0 0;background:var(--surface);box-shadow:0 -10px 40px #00000080, inset 0 0 0 1px var(--sep-strong);animation:sheet .28s var(--ease);margin-inline:auto;position:fixed;bottom:0;left:0;right:0}.sheet-head{padding:var(--s-3) var(--s-2) var(--s-2);margin-bottom:var(--s-2);border-bottom:1px solid var(--sep);gap:2px;display:grid}.sheet-head b{font-size:var(--f-body);font-weight:700}.sheet-head small{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.sheet-item{align-items:center;gap:var(--s-3);width:100%;min-height:var(--tap);padding:0 var(--s-3);border-radius:var(--r-2);text-align:left;color:var(--text);font-size:var(--f-sub);background:0 0;border:0;transition:background .12s;display:flex}.sheet-item .ic{color:var(--text-3)}.sheet-item:active{background:var(--surface-2)}.sheet-item.sheet-cancel{margin-top:var(--s-2);color:var(--text-2);justify-content:center;font-weight:600}.queue-list{max-height:56vh;padding:var(--s-1) 0;display:grid;overflow-y:auto}.queue-item{align-items:center;gap:var(--s-3);min-height:52px;padding:var(--s-1) var(--s-3);text-align:left;color:var(--text);background:0 0;border:0;display:flex}.queue-item+.queue-item{box-shadow:inset 0 1px 0 var(--sep)}.queue-num{width:24px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.queue-copy{flex:1;gap:1px;min-width:0;display:grid}.queue-copy b{font-size:var(--f-sub);font-weight:500}.queue-copy small{color:var(--text-2);font-size:var(--f-foot)}.queue-item.on .queue-copy b{color:var(--accent);font-weight:600}.queue-tick{color:var(--accent);flex:none}.dialog{left:var(--s-4);right:var(--s-4);z-index:45;max-width:400px;padding:var(--s-5);border-radius:var(--r-3);background:var(--surface);box-shadow:0 24px 64px #00000080, inset 0 0 0 1px var(--sep-strong);margin-inline:auto;animation:.2s fade;position:fixed;top:50%;transform:translateY(-50%)}.dialog-title{margin-bottom:var(--s-4);font-family:var(--font-display);font-size:22px;font-weight:700;display:block}.dialog-input{width:100%;height:var(--tap);padding:0 var(--s-3);border:1px solid var(--sep-strong);border-radius:var(--r-2);background:var(--bg-2);color:var(--text);font-size:16px}.dialog-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.dialog-actions{justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-4);display:flex}@keyframes sheet{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}@keyframes toast{0%{opacity:0;transform:translateY(8px)}}@keyframes artIn{0%{opacity:0}}@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)}}.grid{gap:var(--s-4) var(--s-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.grid .card{width:auto}.back{width:var(--tap);height:var(--tap);color:var(--accent);background:0 0;border:0;flex:none;place-items:center;margin:2px 0 0 -10px;display:grid}.head{align-items:center;gap:var(--s-4);margin-bottom:var(--s-5);display:flex}.head .art{border-radius:var(--r-3);flex:none;width:96px}.head-copy{flex:1;gap:3px;min-width:0;display:grid}.head-share{color:var(--text-2);flex:none;align-self:center}.head-copy small{color:var(--text-2);font-size:var(--f-foot)}.head-note{color:var(--text-3);font-size:12px}.head-date{color:var(--text-2);font-size:12px}.row-link .row-copy small .dot{opacity:.5;padding:0 5px}.themes .row.theme{justify-content:flex-start;gap:var(--s-3);text-align:left}.theme-chip{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--sep-strong);border-radius:50%;flex:none;position:relative}.theme-chip i{width:13px;height:13px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;bottom:3px;right:3px}.theme-copy{flex:1;gap:1px;min-width:0;display:grid}.theme-copy b{font-size:var(--f-sub);font-weight:500}.theme-copy small{color:var(--text-2);font-size:var(--f-foot)}.row.theme.on .theme-copy b{color:var(--accent);font-weight:600}.theme-tick{color:var(--accent);flex:none}[data-theme=graphite]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#100e0b;--bg-2:#15120e;--surface:#1c1814;--surface-2:#26211b;--surface-3:#332c24;--sep:#ffeeda16;--sep-strong:#ffeeda2b;--text:#f7f1e8;--text-2:#b3a795;--text-3:#8a7f72;--accent:#f2a154;--accent-soft:#f2a15424;--accent-ink:#1d1104;--ok:#6ed19b;--accent-rgb:242, 161, 84;--dock-bg:#15120ee6;--dock-solid:#1a1611;--player-1:#16130f;--player-2:#0c0a07;--wash-s:30%;--wash-l:21%;--toast-bg:#332c24eb;--track:#ffeeda26;--knob:#fff;--film:#ffeeda12;--scrim:#08060480;--on-art:#fff;--accent-on-art:var(--accent)}[data-theme=steel]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0e13;--bg-2:#10131a;--surface:#161a22;--surface-2:#1f242e;--surface-3:#2b313d;--sep:#c4daf517;--sep-strong:#c4daf52e;--text:#eef2f8;--text-2:#a2afc0;--text-3:#72808f;--accent:#63c9f2;--accent-soft:#63c9f224;--accent-ink:#04222f;--ok:#4fd3a2;--accent-rgb:99, 201, 242;--dock-bg:#10131ae6;--dock-solid:#14171e;--player-1:#12151c;--player-2:#08090d;--wash-s:34%;--wash-l:22%;--toast-bg:#2b313deb;--track:#c4daf526;--knob:#fff;--film:#c4daf512;--scrim:#04060a80;--on-art:#fff;--accent-on-art:var(--accent)}[data-theme=oled]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-2:#000;--surface:#0d0d10;--surface-2:#16161a;--surface-3:#222228;--sep:#ffffff1a;--sep-strong:#fff3;--text:#fff;--text-2:#a0a0aa;--text-3:#83838d;--accent:#b3a2ff;--accent-soft:#b3a2ff26;--accent-ink:#120a2e;--ok:#5fd08a;--accent-rgb:179, 162, 255;--dock-bg:#000000c7;--dock-solid:#000;--player-1:#000;--player-2:#000;--wash-s:38%;--wash-l:18%;--toast-bg:#222228eb;--track:#ffffff29;--knob:#fff;--film:#ffffff14;--scrim:#0000008c;--on-art:#fff;--accent-on-art:var(--accent)}[data-theme=amber]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-2:#000;--surface:#0d0d10;--surface-2:#16161a;--surface-3:#222228;--sep:#ffffff1a;--sep-strong:#fff3;--text:#fff;--text-2:#a0a0aa;--text-3:#83838d;--accent:#f2a154;--accent-soft:#f2a15424;--accent-ink:#1d1104;--ok:#5fd08a;--accent-rgb:242, 161, 84;--dock-bg:#000000c7;--dock-solid:#000;--player-1:#000;--player-2:#000;--wash-s:38%;--wash-l:18%;--toast-bg:#222228eb;--track:#ffffff29;--knob:#fff;--film:#ffffff14;--scrim:#0000008c;--on-art:#fff;--accent-on-art:var(--accent)}[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f2;--bg-2:#f3efe7;--surface:#fff;--surface-2:#f0ece4;--surface-3:#e3ddd2;--sep:#3c2d191f;--sep-strong:#3c2d1938;--text:#1c1815;--text-2:#5f574d;--text-3:#73695c;--accent:#8b400e;--accent-soft:#8b400e1a;--accent-ink:#fffaf5;--ok:#16794a;--accent-rgb:139, 64, 14;--dock-bg:#faf7f2f0;--dock-solid:#f6f2eb;--player-1:#fffdf9;--player-2:#ece5da;--wash-s:38%;--wash-l:90%;--toast-bg:#e3ddd2f5;--track:#1c181529;--knob:#fff;--film:#1c18150f;--scrim:#00000073;--on-art:#fff;--accent-on-art:#f0a45a;--art-s1:50%;--art-l1:48%;--art-shift:44;--art-s2:44%;--art-l2:24%}[data-theme=paper] .hero-art .art{box-shadow:inset 0 0 0 1px var(--sep-strong), 0 4px 12px #3c2d191f}[data-theme=paper] .player-art{filter:drop-shadow(0 12px 22px #3c2d192e)}[data-theme=paper] .fab{box-shadow:0 5px 14px rgba(var(--accent-rgb), .16)}[data-theme=paper] .tr.play{box-shadow:0 8px 20px rgba(var(--accent-rgb), .18)}[data-theme=paper] .toast{box-shadow:0 10px 26px #3c2d192e}