:root{color-scheme:dark;--bg: #171310;--bg2: #1e1915;--surface: #262019;--surface2: #302822;--border: #3e342a;--border2: #4e4234;--accent: #f2a33c;--accent-dim: #bd7f2f;--accent-2: #ffc46b;--accent-glow: rgba(242,163,60,.18);--accent-soft: rgba(242,163,60,.1);--accent-text: #1a1510;--accent-grad: linear-gradient(135deg, #f2a33c 0%, #bd7f2f 100%);--text: #f6f1e7;--text2: #cabfae;--text3: #9a8d76;--green: #58b283;--red: #e0584f;--yellow: #d9a83c;--wm-shine: #ffffff;--hero-vignette: rgba(0,0,0,.18);--glass: rgba(26,22,18,.78);--glass-2: rgba(36,30,25,.6);--hairline: rgba(255,255,255,.05);--font-display: "Bricolage Grotesque", "Schibsted Grotesk", sans-serif;--font-body: "Schibsted Grotesk", system-ui, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, monospace;--ease-spring: cubic-bezier(.34, 1.42, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--d-fast: .13s;--d-base: .22s;--d-slow: .42s;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--fs-xs: 10.5px;--fs-sm: 12px;--fs-md: 13.5px;--fs-lg: 16px;--fs-xl: 22px;--fs-2xl: 40px;--r-xs: 8px;--r-sm: 11px;--r: 14px;--r-lg: 18px;--r-xl: 24px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3), 0 2px 8px -5px rgba(0,0,0,.45);--shadow-md: 0 2px 6px -3px rgba(0,0,0,.4), 0 8px 24px -10px rgba(0,0,0,.55);--shadow-lg: 0 8px 24px -12px rgba(0,0,0,.5), 0 30px 70px -24px rgba(0,0,0,.65);--wave-track: var(--border2);--wave-played: var(--accent);--player-font-size: 13px;--list-row-height: 54px;--header-h: 64px;--status-h: 30px;--sortbar-h: 44px;--nav-w: 232px;--tabbar-h: 60px;--mini-h: 64px;--z-header: 5;--z-banner: 10;--z-mini: 60;--z-nav: 70;--z-sheet: 90;--z-panel: 101;--z-toast: 300}html.theme-light{color-scheme:light}html.theme-light{--glass: rgba(255,255,255,.78);--glass-2: rgba(255,255,255,.58);--hairline: rgba(30,25,18,.06);--shadow-sm: 0 1px 2px rgba(40,32,20,.06), 0 2px 10px -6px rgba(40,32,20,.12);--shadow-md: 0 6px 20px -10px rgba(40,32,20,.16), 0 2px 6px -4px rgba(40,32,20,.1);--shadow-lg: 0 30px 70px -24px rgba(50,40,24,.28);--wm-shine: var(--accent-dim);--hero-vignette: rgba(48,38,24,.05)}html.theme-oled{--glass: rgba(10,8,7,.82);--glass-2: rgba(18,15,12,.6);--hairline: rgba(255,255,255,.06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}::selection{background:var(--accent-soft);color:var(--text)}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.icon-fill{fill:currentColor;stroke:none}[dir=rtl] .icon-flip{transform:scaleX(-1)}#app{display:contents}body{font-family:var(--font-body);background:var(--bg);color:var(--text);height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;font-size:14px;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .45s var(--ease-out),color .35s var(--ease-out)}h1,h2,h3,.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}time,.mono,.time-row{font-family:var(--font-mono);font-feature-settings:"tnum";letter-spacing:0}a{color:var(--accent)}img{max-width:100%}.sig-mark{display:inline-flex;align-items:center;justify-content:center;gap:11%;inline-size:100%;block-size:100%}.sig-mark i{inline-size:12%;border-radius:999px;background:currentColor;transform-origin:center;animation:sig-breathe 3.8s var(--ease-smooth) infinite}.sig-mark i:nth-child(1){block-size:34%;animation-delay:0s}.sig-mark i:nth-child(2){block-size:72%;animation-delay:.35s}.sig-mark i:nth-child(3){block-size:100%;animation-delay:.7s}.sig-mark i:nth-child(4){block-size:52%;animation-delay:1.05s}.sig-mark i:nth-child(5){block-size:80%;animation-delay:1.4s}@keyframes sig-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.18)}}.wm{background:linear-gradient(100deg,var(--text) 0%,var(--text) 42%,var(--wm-shine) 50%,var(--text) 58%,var(--text) 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wm-sweep 7s var(--ease-smooth) infinite}@keyframes wm-sweep{0%,46%{background-position:100% 0}74%,to{background-position:0% 0}}.app-frame{display:flex;flex:1;min-height:0}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.view{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-block-end:calc(var(--tabbar-h) + var(--mini-h) + env(safe-area-inset-bottom,0px) + var(--s-4))}.view[hidden]{display:none}.view-inner{max-width:720px;margin-inline:auto;padding:var(--s-5) var(--s-4)}.view-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em;margin-block-end:var(--s-4)}.view-enter{animation:view-in var(--d-base) var(--ease-out)}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.app-nav{z-index:var(--z-nav);background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-brand{display:none}.nav-items{display:flex;list-style:none}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;border:0;background:none;color:var(--text2);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:500;letter-spacing:.01em;cursor:pointer;border-radius:var(--r-xs);transition:color var(--d-fast) var(--ease-smooth)}.nav-item .icon{width:22px;height:22px}.nav-item:hover{color:var(--text)}.nav-item.active{color:var(--accent)}.nav-item.active .nav-dot{opacity:1;transform:none}.nav-dot{width:14px;height:2px;border-radius:2px;background:var(--accent);opacity:0;transform:scaleX(.3);transition:opacity var(--d-base) var(--ease-out),transform var(--d-base) var(--ease-out)}@media(max-width:899px){.app-nav{position:fixed;inset-inline:0;inset-block-end:0;border-block-start:1px solid var(--hairline);padding-block-end:env(safe-area-inset-bottom,0px)}.nav-items{justify-content:space-around;block-size:var(--tabbar-h)}.nav-item{flex:1;max-width:120px}}@media(min-width:900px){.app-nav{inline-size:var(--nav-w);flex-shrink:0;display:flex;flex-direction:column;padding:var(--s-5) var(--s-3);border-inline-end:1px solid var(--border);background:var(--bg2);backdrop-filter:none;-webkit-backdrop-filter:none}.nav-brand{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3) var(--s-5);color:var(--text)}.nav-brand-logo{width:28px;height:28px;color:var(--accent)}.nav-brand-name{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.02em}.nav-items{flex-direction:column;gap:var(--s-1)}.nav-item{flex-direction:row;justify-content:flex-start;gap:var(--s-3);padding:0 var(--s-3);font-size:var(--fs-md);inline-size:100%}.nav-item .icon{width:19px;height:19px}.nav-item.active{background:var(--accent-soft)}.nav-item .nav-dot{display:none}.nav-items .nav-spring{flex:1}.view{padding-block-end:calc(var(--mini-h) + env(safe-area-inset-bottom,0px) + var(--s-4))}.view-inner{padding:var(--s-6) var(--s-6)}}.mini-player{position:fixed;inset-inline:var(--s-2);inset-block-end:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + var(--s-2));block-size:var(--mini-h);z-index:var(--z-mini);display:none}body.has-track .mini-player{display:flex}@media(min-width:900px){.mini-player{inset-inline-start:calc(var(--nav-w) + var(--s-3));inset-inline-end:var(--s-3);inset-block-end:var(--s-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);font-weight:500;cursor:pointer;transition:background var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth),transform var(--d-fast) var(--ease-smooth)}.btn:hover{background:var(--surface2);border-color:var(--border2)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-grad);border-color:transparent;color:var(--accent-text);font-weight:600}.btn-primary:hover{background:var(--accent-grad);filter:brightness(1.06)}.btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,transparent)}.btn.danger:hover{background:color-mix(in srgb,var(--red) 12%,var(--surface))}.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);font-weight:500;cursor:pointer;transition:background var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth)}.s-btn:hover{background:var(--surface2)}.s-btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,transparent)}.s-btn.danger:hover{background:color-mix(in srgb,var(--red) 12%,var(--surface))}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;border-radius:var(--r-sm);background:none;color:var(--text2);cursor:pointer;transition:background var(--d-fast) var(--ease-smooth),color var(--d-fast) var(--ease-smooth)}.icon-btn:hover{background:var(--surface2);color:var(--text)}.icon-btn.faved,.icon-btn.active{color:var(--accent)}.seri-select{appearance:none;min-height:36px;padding:0 var(--s-4) 0 var(--s-3);border:1px solid var(--border2);border-radius:var(--r-xs);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer}.seri-select:hover{background:var(--surface2)}.s-select{appearance:none;min-height:36px;padding:0 var(--s-3);border:1px solid var(--border2);border-radius:var(--r-xs);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);cursor:pointer}.s-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.s-toggle input{position:absolute;opacity:0;inline-size:100%;block-size:100%;cursor:pointer}.s-toggle-track{inline-size:40px;block-size:22px;border-radius:999px;background:var(--border2);transition:background var(--d-base) var(--ease-smooth);flex-shrink:0}.s-toggle-track:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:16px;block-size:16px;border-radius:50%;background:var(--text);transition:transform var(--d-base) var(--ease-spring)}.s-toggle input:checked+.s-toggle-track{background:var(--accent)}.s-toggle input:checked+.s-toggle-track:after{transform:translate(18px);background:var(--accent-text)}[dir=rtl] .s-toggle input:checked+.s-toggle-track:after{transform:translate(-18px)}.s-toggle input:focus-visible+.s-toggle-track{outline:2px solid var(--accent);outline-offset:2px}.text-input{min-height:44px;padding:0 var(--s-4);border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);transition:border-color var(--d-fast) var(--ease-smooth),box-shadow var(--d-fast) var(--ease-smooth)}.text-input::placeholder{color:var(--text3)}.text-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.row{display:flex;align-items:center;gap:var(--s-3);min-height:var(--list-row-height);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);cursor:pointer;transition:background var(--d-fast) var(--ease-smooth)}.row:hover,.row:focus-visible{background:var(--surface)}.row-art{inline-size:44px;block-size:44px;border-radius:var(--r-xs);object-fit:cover;background:var(--surface2);flex-shrink:0}.row-info{flex:1;min-width:0}.row-name{font-size:var(--player-font-size);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:var(--fs-sm);color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block-start:2px}.row-meta{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text3);flex-shrink:0}.search-hint{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin:var(--s-5) 0 var(--s-2);padding-inline:var(--s-3)}.empty-state{text-align:center;color:var(--text2);padding:var(--s-7) var(--s-5);font-size:var(--fs-md);line-height:1.6}.empty-state--error{color:var(--red)}.empty-state-hint{color:var(--text3);font-size:var(--fs-sm);margin-block-start:var(--s-2)}.retry-btn{min-height:40px;padding:0 var(--s-4);border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-family:var(--font-body);cursor:pointer}.retry-btn:hover{background:var(--surface2)}.skeleton-list{padding:var(--s-2) var(--s-3)}.skeleton-row{display:flex;align-items:center;gap:var(--s-3);min-height:var(--list-row-height);padding:var(--s-2) 0}.sk{background:var(--surface2);border-radius:var(--r-xs);position:relative;overflow:hidden}.sk:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--hairline),transparent);animation:sk-shimmer 1.4s infinite}@keyframes sk-shimmer{to{transform:translate(100%)}}.sk-num{inline-size:28px;block-size:28px;border-radius:50%;flex-shrink:0}.sk-line1{block-size:12px;inline-size:70%;margin-block-end:8px}.sk-line2{block-size:9px;inline-size:40%}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:600;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.badge-done{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.lang-menu{position:relative;display:inline-block}.lang-menu-btn{display:inline-flex;align-items:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-3);border:1px solid var(--border2);border-radius:999px;background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth)}.lang-menu-btn:hover{background:var(--surface2)}.lang-menu-btn.compact{font-family:var(--font-mono);letter-spacing:.04em}.lang-menu-chev{width:14px;height:14px;color:var(--text3)}.flag{inline-size:21px;block-size:14px;border-radius:3px;box-shadow:inset 0 0 0 1px #0000002e;flex-shrink:0}.lang-menu-flag{display:inline-flex}.lang-menu-pop{position:absolute;inset-block-start:calc(100% + var(--s-1));inset-inline-end:0;min-inline-size:176px;padding:var(--s-1);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg2);box-shadow:var(--shadow-lg);z-index:var(--z-panel);display:flex;flex-direction:column}.lang-menu-pop[hidden]{display:none}.lang-menu-opt{display:flex;align-items:center;gap:var(--s-3);min-height:40px;padding:0 var(--s-3);border:0;border-radius:var(--r-xs);background:none;color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);cursor:pointer;text-align:start}.lang-menu-opt:hover,.lang-menu-opt:focus-visible{background:var(--surface);outline:none}.lang-menu-opt:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.lang-menu-opt.selected{color:var(--accent);font-weight:600}.lang-menu-name{flex:1}.lang-menu-check{width:15px;height:15px}.tabs{display:flex;gap:var(--s-1);border-block-end:1px solid var(--border);margin-block-end:var(--s-4)}.tab{min-height:44px;padding:0 var(--s-4);border:0;background:none;color:var(--text2);font-family:var(--font-body);font-size:var(--fs-md);font-weight:600;cursor:pointer;border-block-end:2px solid transparent;transition:color var(--d-fast) var(--ease-smooth),border-color var(--d-fast) var(--ease-smooth)}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--accent);border-block-end-color:var(--accent)}.toast-host{position:fixed;inset-block-end:calc(var(--tabbar-h) + var(--mini-h) + env(safe-area-inset-bottom,0px) + var(--s-4));inset-inline:0;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);z-index:var(--z-toast);pointer-events:none}@media(min-width:900px){.toast-host{inset-block-end:calc(var(--mini-h) + var(--s-5))}}.toast{max-width:min(420px,calc(100vw - 32px));padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--hairline);box-shadow:var(--shadow-md);color:var(--text);font-size:var(--fs-md);opacity:0;transform:translateY(8px);transition:opacity var(--d-base) var(--ease-out),transform var(--d-base) var(--ease-out)}.toast.show{opacity:1;transform:none}.toast-error{border-color:color-mix(in srgb,var(--red) 40%,transparent);color:var(--red)}.confirm-dialog{margin:auto;inline-size:min(380px,calc(100vw - 40px));padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg2);color:var(--text);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(10px) scale(.98);transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.confirm-dialog.open{opacity:1;transform:none}.confirm-dialog::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-title{font-size:var(--fs-lg);margin-block-end:var(--s-3)}.confirm-msg{color:var(--text2);font-size:var(--fs-md);line-height:1.55;margin-block-end:var(--s-5)}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--s-3)}.sc-dialog{inline-size:min(440px,calc(100vw - 40px))}.sc-list{display:grid;gap:var(--s-2);margin-block-end:var(--s-5)}.sc-row{display:grid;grid-template-columns:minmax(84px,auto) 1fr;align-items:center;gap:var(--s-3)}.sc-key{justify-self:start;padding:2px var(--s-2);border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap}.sc-desc{color:var(--text2);font-size:var(--fs-sm)}.num-prompt-label{display:block;margin-block-end:var(--s-2);color:var(--text2);font-size:var(--fs-sm)}.num-prompt-input{inline-size:100%;margin-block-end:var(--s-5);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.offline-banner{position:fixed;inset-block-start:env(safe-area-inset-top,0px);inset-inline:0;z-index:var(--z-banner);text-align:center;padding:var(--s-2) var(--s-4);font-size:var(--fs-sm);color:var(--yellow);background:color-mix(in srgb,var(--yellow) 10%,var(--bg2));border-block-end:1px solid color-mix(in srgb,var(--yellow) 25%,transparent)}.offline-banner[hidden]{display:none}.np-sheet{position:fixed;inset:0;z-index:var(--z-sheet);background:var(--bg);display:flex;flex-direction:column;overflow-y:auto;transform:translateY(100%);transition:transform var(--d-slow) var(--ease-out),visibility 0s var(--d-slow);visibility:hidden;padding-block-start:env(safe-area-inset-top,0px);padding-block-end:env(safe-area-inset-bottom,0px)}.np-sheet.open{transform:none;visibility:visible;transition:transform var(--d-slow) var(--ease-out),visibility 0s}@media(min-width:900px){.np-sheet{inset:auto var(--s-4) var(--s-4) auto;inset-inline-start:calc(var(--nav-w) + var(--s-4));max-inline-size:980px;margin-inline-start:auto;block-size:min(640px,calc(100dvh - 48px));border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);transform:translateY(24px);opacity:0}.np-sheet.open{transform:none;opacity:1}}.signal-scrub{position:relative;block-size:84px;padding-block:var(--s-3);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.signal-scrub:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:var(--r-sm)}.signal-layers{position:absolute;inset:var(--s-3) 0}[dir=rtl] .signal-layers{transform:scaleX(-1)}.signal-base,.signal-fill{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:2px}.signal-base i,.signal-fill i{flex:1 1 0;min-inline-size:2px;min-block-size:2px;border-radius:999px;transform-origin:center}.signal-base i{background:var(--wave-track)}.signal-fill i{background:var(--accent);box-shadow:0 0 5px var(--accent-glow)}.signal-baseline{position:absolute;inset-inline:0;inset-block-start:50%;block-size:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,var(--border2) 10%,var(--border2) 90%,transparent);pointer-events:none}.signal-head{position:absolute;inset-block:3px;inline-size:2px;margin-inline-start:-1px;border-radius:999px;background:var(--accent-2);box-shadow:0 0 8px 1px var(--accent-glow);pointer-events:none}.signal-head:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:10px;block-size:10px;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent-2);box-shadow:0 0 12px 3px var(--accent-glow)}.signal-tip{position:absolute;inset-block-end:100%;margin-block-end:var(--s-1);transform:translate(-50%);padding:2px 7px;border-radius:var(--r-xs);background:var(--surface2);border:1px solid var(--border2);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--d-fast) var(--ease-smooth)}[dir=rtl] .signal-tip{transform:translate(-50%) scaleX(-1)}.signal-scrub:hover .signal-tip,.signal-scrub.scrubbing .signal-tip{opacity:1}.signal-scrub.scrubbing .signal-head{inline-size:3px}.signal-scrub.scrubbing .signal-head:after{inline-size:13px;block-size:13px}@keyframes signal-shimmer{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}.np-player.playing .signal-base i,.np-player.playing .signal-fill i{animation:signal-shimmer 1.15s var(--ease-smooth) infinite}.np-player.playing .signal-base i:nth-child(3n),.np-player.playing .signal-fill i:nth-child(3n){animation-duration:1.4s;animation-delay:-.25s}.np-player.playing .signal-base i:nth-child(3n+1),.np-player.playing .signal-fill i:nth-child(3n+1){animation-duration:.95s;animation-delay:-.55s}.np-player.playing .signal-base i:nth-child(4n),.np-player.playing .signal-fill i:nth-child(4n){animation-delay:-.85s}.mini-player{align-items:center;gap:var(--s-2);padding-inline:var(--s-3) var(--s-2);padding-block:0;overflow:hidden;border-radius:var(--r-lg);background:var(--glass);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--hairline);box-shadow:var(--shadow-md)}.mini-main{display:flex;align-items:center;gap:var(--s-3);flex:1;min-inline-size:0;align-self:stretch;cursor:pointer;border-radius:var(--r-sm)}.mini-main:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mini-controls,.mini-secondary{display:flex;align-items:center;gap:0;flex-shrink:0}.mini-sec-ctl{display:none;align-items:center;gap:2px;color:var(--text3)}.mini-sec-ctl .icon{inline-size:14px;block-size:14px}@media(min-width:640px){body.has-track .mini-player{display:grid;grid-template-columns:1fr auto 1fr}.mini-main{min-inline-size:0}.mini-controls{justify-self:center}.mini-secondary{justify-self:end}}.mini-tp{min-inline-size:38px;min-block-size:44px;color:var(--text2)}.mini-tp:hover{color:var(--text);background:none}.mini-tp:disabled{opacity:.3;cursor:default}.mini-tp:disabled:hover{color:var(--text2)}.mini-tp svg{inline-size:19px;block-size:19px}.mini-skip{position:relative}.mini-skip-n{position:absolute;inset-block-start:53%;inset-inline-start:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:7.5px;font-weight:700;color:currentColor;pointer-events:none}.mini-sel{min-block-size:34px;margin-inline:var(--s-1);padding-inline:var(--s-2);font-family:var(--font-mono);font-size:var(--fs-xs)}.mini-sel.active{color:var(--accent);border-color:var(--accent)}select.mini-wide2,.mini-wide{display:none}@media(min-width:640px){.mini-wide{display:inline-flex}}@media(min-width:760px){.mini-sec-ctl.mini-wide2{display:inline-flex}select.mini-wide2{display:block}}.mini-expand{color:var(--text3)}.mini-expand:hover{color:var(--accent)}.mini-signal{position:absolute;inset-block-start:0;inset-inline:var(--s-4);block-size:14px;display:flex;align-items:center;justify-content:space-between;gap:2px;opacity:.5;pointer-events:none}.mini-signal i{flex:1 1 0;block-size:3px;border-radius:999px;background:var(--wave-track);transform-origin:center}body.is-playing .mini-signal{opacity:1}body.is-playing .mini-signal i{background:var(--accent);box-shadow:0 0 4px var(--accent-glow);animation:signal-shimmer 1.15s var(--ease-smooth) infinite}body.is-playing .mini-signal i:nth-child(3n){animation-duration:1.4s;animation-delay:-.25s}body.is-playing .mini-signal i:nth-child(3n+1){animation-duration:.95s;animation-delay:-.55s}body.is-playing .mini-signal i:nth-child(4n){animation-delay:-.85s}.mini-progress-track{position:absolute;inset-block-end:0;inset-inline:0;block-size:3px;background:var(--border);cursor:pointer;touch-action:none}.mini-progress-track:before{content:"";position:absolute;inset-inline:0;inset-block:-10px 0}.mini-progress-track:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mini-progress-track:hover .mini-progress{background:var(--accent-2)}.mini-progress{block-size:100%;inline-size:0;background:var(--accent);border-radius:0 999px 999px 0;transition:width .25s linear}[dir=rtl] .mini-progress{border-radius:999px 0 0 999px}.mini-art{inline-size:40px;block-size:40px;border-radius:var(--r-sm);object-fit:cover;background:var(--surface2);flex-shrink:0}.mini-info{flex:1;min-inline-size:0}.mini-title{font-size:var(--fs-md);font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-feed{font-size:var(--fs-xs);color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block-start:1px}.mini-play{display:inline-flex;align-items:center;justify-content:center;inline-size:42px;block-size:42px;flex-shrink:0;margin-inline:var(--s-1);border:0;border-radius:50%;background:var(--accent-grad);color:var(--accent-text);cursor:pointer;box-shadow:0 2px 10px -3px var(--accent);transition:transform var(--d-fast) var(--ease-spring),filter var(--d-fast) var(--ease-smooth)}.mini-play svg{inline-size:19px;block-size:19px}.mini-play:hover{filter:brightness(1.06)}.mini-play:active{transform:scale(.92)}.home-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-block-end:var(--s-5)}.home-brand-id{display:flex;align-items:center;gap:var(--s-3);min-width:0}.home-brand-mark{display:inline-flex;inline-size:42px;block-size:42px;color:var(--accent);flex-shrink:0}.home-wordmark{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em;line-height:1.1;outline:none}.home-tagline{font-size:var(--fs-sm);color:var(--text2);margin-block-start:2px}@media(min-width:900px){.home-brand{justify-content:flex-end;margin-block-end:var(--s-3)}.home-brand-id{display:none}}.home-continue-item{margin-block-end:2px}.home-progress{block-size:3px;border-radius:2px;background:var(--border2);margin:3px var(--s-3) 0;overflow:hidden}.home-progress-fill{block-size:100%;min-inline-size:3px;background:var(--accent);border-radius:2px;transition:inline-size var(--d-base) var(--ease-out)}.home-subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s-3);padding-inline:var(--s-3);margin-block-start:var(--s-2)}.home-sub{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-2);border-radius:var(--r-sm);cursor:pointer;transition:background var(--d-fast) var(--ease-smooth)}.home-sub:hover{background:var(--surface)}.home-sub:focus-visible{background:var(--surface);outline:2px solid var(--accent);outline-offset:2px}.home-sub-art{inline-size:100%;aspect-ratio:1;border-radius:var(--r-xs);object-fit:cover;background:var(--surface2)}.home-sub-name{font-size:var(--fs-sm);color:var(--text2);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media(max-width:380px){.home-subs{grid-template-columns:1fr;gap:var(--s-1)}.home-sub{flex-direction:row;align-items:center}.home-sub-art{inline-size:48px;block-size:48px;aspect-ratio:auto;flex-shrink:0}.home-sub-name{-webkit-line-clamp:1;line-clamp:1}}.search-inner{padding-block-start:var(--s-7)}.search-title{font-size:var(--fs-2xl);line-height:1.05;margin-block-end:var(--s-5)}.search-row{display:flex;align-items:stretch;gap:var(--s-2);margin-block-end:var(--s-3)}.search-input{flex:1;min-width:0;min-height:52px;font-size:var(--fs-lg)}.search-btn{flex-shrink:0;min-height:52px;padding-inline:var(--s-5);white-space:nowrap}.results-list{margin-block-start:var(--s-3)}.results-list>div:first-child>.search-hint:first-child{margin-block-start:var(--s-2)}@media(min-width:900px){.search-inner{max-width:820px;padding-block-start:var(--s-8)}.search-title{margin-block-end:var(--s-6)}}#view-library .lib-panel{display:flex;flex-direction:column;gap:2px}#view-library .row[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#view-library .lib-dl-summary{font-size:var(--fs-sm);color:var(--text2);padding-inline:var(--s-3);margin-block-end:var(--s-1)}#view-library .lib-dl-usage{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text3);padding-inline:var(--s-3);margin-block-end:var(--s-3)}#view-library .lib-dl-row{cursor:default}#view-library .lib-dl-icon{display:flex;align-items:center;justify-content:center;color:var(--text3)}#view-library .lib-dl-icon .icon{inline-size:20px;block-size:20px}.p-inner{padding-block-start:var(--s-5)}.p-header{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:var(--s-3);margin-block-end:var(--s-4)}.p-back{flex-shrink:0;margin-inline-start:calc(var(--s-2) * -1)}.p-art{inline-size:72px;block-size:72px;border-radius:var(--r);object-fit:cover;background:var(--surface2);box-shadow:var(--shadow-sm);flex-shrink:0}.p-art:not(.has-art){background:radial-gradient(circle at 30% 30%,var(--accent-soft),transparent 60%),var(--surface2)}.p-meta{min-inline-size:0}.p-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-title:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.p-author{font-size:var(--fs-md);color:var(--text2);margin-block-start:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text3);margin-block-start:var(--s-1);letter-spacing:.02em}.p-header-actions{display:flex;align-items:center;gap:var(--s-1);flex-shrink:0;align-self:start}.p-fav.faved{color:var(--accent)}.p-fav:not(.faved) .icon{opacity:.85}.p-status{display:flex;align-items:center;gap:var(--s-2);min-block-size:var(--status-h);margin-block-end:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text2)}.dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--text3);flex-shrink:0;transition:background var(--d-base) var(--ease-smooth)}.dot.loading{background:var(--accent);animation:dot-pulse 1s var(--ease-smooth) infinite}.dot.ok{background:var(--green)}.dot.error{background:var(--red)}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.p-status-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-listbar{display:flex;align-items:center;gap:var(--s-2);min-block-size:var(--sortbar-h);margin-block-end:var(--s-2)}.p-sort{display:inline-flex;align-items:center;gap:var(--s-2);min-block-size:40px;padding-inline:var(--s-3);border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--surface);color:var(--text2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;cursor:pointer;flex-shrink:0;transition:background var(--d-fast) var(--ease-smooth),color var(--d-fast) var(--ease-smooth)}.p-sort:hover{background:var(--surface2);color:var(--text)}.p-sort-info{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text3);white-space:nowrap;flex-shrink:0}.p-filter{flex:1;min-inline-size:0;min-block-size:40px}.ep-list{display:flex;flex-direction:column}.ep-item{position:relative;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:var(--s-3);min-block-size:var(--list-row-height);padding-block:var(--s-2);padding-inline:var(--s-2);border-radius:var(--r-sm);cursor:pointer;transition:background var(--d-fast) var(--ease-smooth)}.ep-item:hover,.ep-item:focus-visible{background:var(--surface);outline:none}.ep-item:focus-visible{box-shadow:inset 0 0 0 1px var(--border2)}.ep-item.active{background:var(--accent-soft)}.ep-item.listened{opacity:.62}.ep-item.listened:hover{opacity:1}.ep-num{display:flex;align-items:center;justify-content:center;inline-size:32px;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text3)}.ep-eq{display:flex;align-items:flex-end;gap:2px;block-size:15px}.ep-eq i{inline-size:3px;block-size:100%;border-radius:1px;background:var(--accent);transform-origin:bottom;animation:eq-bounce .9s var(--ease-smooth) infinite}.ep-eq i:nth-child(2){animation-delay:.25s}.ep-eq i:nth-child(3){animation-delay:.5s}body:not(.is-playing) .ep-eq i{animation-play-state:paused;block-size:40%}@keyframes eq-bounce{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.ep-info{min-inline-size:0}.ep-name{font-size:var(--player-font-size);font-weight:500;line-height:1.3;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-item.active .ep-name{color:var(--accent-2);font-weight:600}.ep-date-dur{display:flex;align-items:center;gap:var(--s-1);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text3);margin-block-start:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-saved-badge{font-family:var(--font-body)}.ep-done-badge{padding-inline:6px}.ep-actions{display:flex;align-items:center;gap:var(--s-1);flex-shrink:0}.ep-act{min-inline-size:40px;min-block-size:40px;color:var(--text3)}.ep-act:hover{color:var(--text)}.ep-q-btn.queued{color:var(--accent)}.ep-q-pos{display:inline-flex;align-items:center;justify-content:center;min-inline-size:20px;block-size:20px;padding-inline:4px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:700}.ep-dl-btn.done{color:var(--green);font-size:var(--fs-md)}.ep-progress{position:absolute;inset-inline:var(--s-2);inset-block-end:3px;block-size:2px;border-radius:2px;background:var(--border);overflow:hidden}.ep-progress i{display:block;block-size:100%;border-radius:2px;background:var(--accent)}@media(min-width:900px){.p-inner{max-width:860px;padding-block-start:var(--s-6)}.p-art{inline-size:96px;block-size:96px;border-radius:var(--r-lg)}.p-title{font-size:var(--fs-2xl);letter-spacing:-.03em}}@media(prefers-reduced-motion:reduce){.dot.loading,.ep-eq i{animation:none}}.np-inner{display:flex;flex-direction:column;min-block-size:100%;gap:var(--s-4);padding:var(--s-3) var(--s-5) var(--s-6)}@media(min-width:900px){.np-inner{padding:var(--s-4) var(--s-6) var(--s-5)}}.np-top{display:flex;align-items:center;gap:var(--s-2);flex-shrink:0}.np-close svg{inline-size:24px;block-size:24px}.np-feed{min-inline-size:0;font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-player{display:flex;flex-direction:column;flex:1;justify-content:center;gap:var(--s-5)}.np-controls{display:flex;flex-direction:column;gap:var(--s-5)}.np-inner{position:relative}.np-inner:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:62%;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 0%,var(--np-ambient-soft, transparent) 0%,transparent 72%);transition:opacity var(--d-slow) var(--ease-out)}body.has-ambient .np-inner:before{opacity:1}.np-inner>*{position:relative}@media(prefers-reduced-motion:reduce){.np-inner:before{transition:none}}.np-stage{position:relative;align-self:center;inline-size:min(72vw,320px);aspect-ratio:1;margin-block:var(--s-2)}.np-pic{display:block;inline-size:100%;block-size:100%}.np-art{inline-size:100%;block-size:100%;object-fit:cover;border-radius:var(--r-xl);background:var(--surface2);box-shadow:var(--shadow-lg)}.np-player.no-art .np-stage{display:none}.np-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;line-height:1.22;letter-spacing:-.02em;text-align:center;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:opacity .15s var(--ease-smooth)}.np-title.swapping{opacity:0}.np-times{display:flex;justify-content:space-between;margin-block-start:calc(-1 * var(--s-4));font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text2);font-variant-numeric:tabular-nums}.np-transport{display:flex;align-items:center;justify-content:center;gap:var(--s-3)}@media(min-width:380px){.np-transport{gap:var(--s-5)}}.np-tp{color:var(--text2)}.np-tp:hover{color:var(--text)}.np-tp svg{inline-size:22px;block-size:22px}.np-tp:disabled{opacity:.3;cursor:default}.np-tp:disabled:hover{background:none;color:var(--text2)}.np-skip{position:relative}.np-skip-n{position:absolute;inset-block-start:52%;inset-inline-start:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:8.5px;font-weight:700;color:currentColor;pointer-events:none}.np-play{display:inline-flex;align-items:center;justify-content:center;inline-size:68px;block-size:68px;border:0;border-radius:50%;background:var(--accent-grad);color:var(--accent-text);cursor:pointer;box-shadow:0 6px 20px -6px var(--accent),0 0 0 6px var(--accent-soft);transition:transform var(--d-fast) var(--ease-spring),box-shadow var(--d-base) var(--ease-out),filter var(--d-fast) var(--ease-smooth)}.np-play svg{inline-size:28px;block-size:28px}.np-play:hover{filter:brightness(1.06)}.np-play:active{transform:scale(.95)}.np-player.playing .np-play{box-shadow:0 8px 26px -4px var(--accent),0 0 0 9px var(--accent-soft)}.np-secondary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--s-3) var(--s-5);margin-block-start:var(--s-1)}.np-sec-ctl{display:inline-flex;align-items:center;gap:var(--s-1);color:var(--text2)}.np-sec-ctl svg{inline-size:16px;block-size:16px}.np-sec-glyph{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text3)}.np-sel{min-block-size:40px}.np-sel.active{color:var(--accent);border-color:var(--accent)}.np-sleep{gap:var(--s-1);flex-wrap:nowrap;flex-basis:100%;justify-content:center}@media(min-width:560px){.np-sleep{flex-basis:auto}}.np-sleep .np-sel{min-inline-size:0}.np-sleep-left{font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--accent);min-inline-size:5ch;text-align:center}.np-sleep-plus{min-block-size:28px;padding:0 var(--s-2);border:1px solid var(--border2);border-radius:var(--r-sm);background:transparent;color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:700;cursor:pointer;transition:background var(--d-fast) var(--ease-out),border-color var(--d-fast) var(--ease-out)}.np-sleep-plus:hover{background:var(--accent-soft);border-color:var(--accent)}.np-sleep-plus:active{transform:scale(.96)}.np-queue{position:relative;color:var(--text2)}.np-queue:hover{color:var(--text)}.np-queue.has-queue{color:var(--accent)}.np-queue-badge{position:absolute;inset-block-start:3px;inset-inline-end:3px;min-inline-size:16px;block-size:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-family:var(--font-mono);font-size:9px;font-weight:700;line-height:16px;text-align:center;opacity:0;transform:scale(.6);transition:opacity var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-spring)}.np-queue.has-queue .np-queue-badge{opacity:1;transform:none}.np-notes{border-block-start:1px solid var(--border);padding-block-start:var(--s-3)}.np-notes[hidden]{display:none}.np-notes-toggle{cursor:pointer;list-style:none;font-size:var(--fs-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text3);min-block-size:32px;display:flex;align-items:center;gap:var(--s-2)}.np-notes-toggle::-webkit-details-marker{display:none}.np-notes-toggle:before{content:"";inline-size:0;block-size:0;border-inline-start:5px solid currentColor;border-block-start:4px solid transparent;border-block-end:4px solid transparent;transition:transform var(--d-fast) var(--ease-out)}.np-notes[open] .np-notes-toggle:before{transform:rotate(90deg)}.np-notes-toggle:hover{color:var(--text2)}.np-notes-body{max-block-size:40vh;overflow-y:auto;overscroll-behavior:contain;margin-block-start:var(--s-3);font-size:var(--fs-sm);line-height:1.6;color:var(--text2)}.np-note-p{margin-block-end:var(--s-3)}.np-note-links{display:grid;gap:var(--s-2);margin:0;padding-inline-start:var(--s-4)}.np-note-link{color:var(--accent);text-decoration:underline;overflow-wrap:anywhere}.np-note-link:hover{color:var(--accent-2)}@media(prefers-reduced-motion:reduce){.np-notes-toggle:before{transition:none}}@media(min-width:900px){.np-player{flex-direction:row;align-items:center;gap:var(--s-7)}.np-stage{flex:0 0 auto;align-self:center;inline-size:min(38%,300px);margin:0}.np-controls{flex:1;min-inline-size:0}.np-title{text-align:start}.np-transport,.np-secondary{justify-content:flex-start}}.queue-inner{max-width:560px}.queue-list{display:flex;flex-direction:column;gap:var(--s-1)}.queue-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border)}.queue-pos{flex-shrink:0;min-inline-size:1.5em;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text3);text-align:end}.queue-info{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:2px}.queue-name{min-inline-size:0;font-size:var(--player-font-size);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-feed{min-inline-size:0;font-size:var(--fs-sm);color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-row .icon-btn{min-inline-size:40px;block-size:40px}.queue-row .icon-btn:last-child:hover{color:var(--red)}.queue-foot{display:flex;justify-content:center;margin-block-start:var(--s-5)}.queue-clear[hidden]{display:none}.settings-inner{max-width:640px}.s-section{margin-block-end:var(--s-6)}.s-section:last-child{margin-block-end:0}.s-section-title{font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-block-end:var(--s-2);padding-block-end:var(--s-2);border-block-end:1px solid var(--border)}.s-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-block-size:44px;padding-block:var(--s-1)}.s-label{font-size:var(--player-font-size);color:var(--text)}.s-sublabel{font-size:var(--fs-sm);color:var(--text3);margin-block-start:2px}.s-row .s-select{flex-shrink:0}.s-color-row{display:flex;flex-wrap:wrap;gap:var(--s-3);padding-block:var(--s-2) var(--s-4)}.s-color-swatch{inline-size:28px;block-size:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform var(--d-fast) var(--ease-smooth),box-shadow var(--d-fast) var(--ease-smooth)}.s-color-swatch:hover{transform:scale(1.08)}.s-color-swatch:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.s-color-swatch.active{border-color:var(--bg);box-shadow:0 0 0 2px var(--accent)}.s-data-btns{display:flex;flex-direction:column;gap:var(--s-2);margin-block-start:var(--s-3)}.s-data-btns .s-btn{justify-content:flex-start}.s-data-btns .s-btn.danger{margin-block-start:0}.s-data-btns .s-btn.danger:first-of-type{margin-block-start:var(--s-3)}