@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-cyrillic-wght-normal-BfQLqnEI.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-latin-ext-wght-normal-CsF3XSp0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-latin-wght-normal-Cbhn5ptY.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0a0a0a;--panel:#141414;--panel-2:#1c1c1c;--panel-3:#242424;--rule:#2a2a2a;--rule-strong:#3d3d3d;--ink:#f2f0eb;--dim:#7a7a7a;--dimmer:#4a4a4a;--dim-strong:#8a8a8a;--accent:#ff4d00;--accent-dim:#b33600;--accent-ink:#0a0a0a;--danger:#ff2d2d;--ok:#3ddc84;--warn:#ffb020;--wave-bg:#0f0f0f;--wave-playhead:#f2f0eb;--font-display:"Pixelify Sans Variable", "Courier New", monospace;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;--step-0:.8125rem;--step-1:.9375rem;--step-2:1.125rem;--step-3:1.5rem;--step-4:2.25rem;--step-5:3.25rem;--gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-5:24px;--gap-6:40px;--dock-bar-height:62px;--dock-height:127px;--dock-reveal-height:14px;--dock-height-collapsed:calc(var(--dock-bar-height) + var(--dock-reveal-height) + 1px);--topbar-height:56px;--z-sticky:20;--z-dock:30;--z-modal-backdrop:40;--z-modal:50;--dither:repeating-conic-gradient(var(--rule) 0% 25%, transparent 0% 50%) 0 0 / 4px 4px;--dither-accent:repeating-conic-gradient(var(--accent) 0% 25%, transparent 0% 50%) 0 0 / 4px 4px;font-family:var(--font-mono);font-synthesis:none;background:var(--paper);color:var(--ink)}*{box-sizing:border-box;border-radius:0}html{background:var(--paper);min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);font-size:var(--step-1);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{font-family:var(--font-mono);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.15}p{text-wrap:pretty;margin:0}.label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:.75rem;font-weight:600}.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.dither-rule{background:var(--dither);height:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{min-height:100vh;padding-bottom:var(--dock-height);grid-template-rows:auto 1fr;display:grid}.app:not(:has(.dock)){padding-bottom:0}.app:has(.dock.is-collapsed){padding-bottom:var(--dock-height-collapsed)}.center-stage{min-height:100vh;padding:var(--gap-5);place-items:center;display:grid}.topbar{z-index:var(--z-sticky);align-items:center;gap:var(--gap-4);height:var(--topbar-height);padding:0 var(--gap-5);background:var(--paper);border-bottom:1px solid var(--rule);display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:0 0}.brand span{color:var(--accent)}.topbar-search{align-items:center;gap:var(--gap-2);max-width:420px;padding:0 var(--gap-3);background:var(--panel);border:1px solid var(--rule);height:34px;color:var(--dim);flex:1;display:flex}.topbar-search:focus-within{border-color:var(--rule-strong)}.topbar-search input[type=text]{min-width:0;min-height:0;font-size:var(--step-0);color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0}.topbar-search input::placeholder{color:var(--dimmer)}.topbar-spacer{flex:1}.account{position:relative}.account-trigger{align-items:center;gap:var(--gap-2);height:34px;padding:0 var(--gap-3);border:1px solid var(--rule);background:var(--panel);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:600;display:flex}.account-trigger:hover{border-color:var(--rule-strong);background:var(--panel-2)}.account-trigger.is-signin{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.account-trigger.is-signin:hover{background:var(--ink);border-color:var(--ink)}.account-avatar{background:var(--accent);width:16px;height:16px}.account-menu{background:var(--panel);border:1px solid var(--rule-strong);min-width:220px;padding:var(--gap-1);gap:1px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.account-menu button,.account-menu label{align-items:center;gap:var(--gap-2);width:100%;padding:var(--gap-2) var(--gap-3);font-size:var(--step-0);text-align:left;cursor:pointer;display:flex}.account-menu button:hover,.account-menu label:hover{background:var(--panel-3);color:var(--accent)}.account-menu input[type=file]{display:none}.account-menu hr{margin:var(--gap-1) 0;border:none;border-top:1px solid var(--rule)}.library{width:min(100%,1280px);padding:var(--gap-5);gap:var(--gap-4);align-content:start;margin:0 auto;display:grid}.library:has(.track-list){width:min(100%,948px)}.library-head{justify-content:space-between;align-items:flex-end;gap:var(--gap-4);flex-wrap:wrap;display:flex}.library-head h1{font-size:var(--step-4)}.library-head p{color:var(--dim);font-size:var(--step-0);margin-top:var(--gap-1)}.library-controls{align-items:center;gap:var(--gap-2);display:flex}.segmented{border:1px solid var(--rule);display:flex}.segmented button{padding:6px var(--gap-3);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:.75rem;font-weight:600}.segmented button+button{border-left:1px solid var(--rule)}.segmented button.is-active{background:var(--ink);color:var(--paper)}select{height:32px;padding:0 var(--gap-2);background:var(--panel);border:1px solid var(--rule);color:var(--ink);font-size:var(--step-0)}.track-grid{justify-content:center;gap:var(--gap-3);grid-template-columns:repeat(auto-fit,minmax(260px,300px));display:grid}.track-card{background:var(--panel);border:1px solid var(--rule);grid-template-rows:auto 1fr auto;transition:border-color .12s,background .12s;display:grid}.track-card:hover{border-color:var(--rule-strong);background:var(--panel-2)}.track-card.is-playing{border-color:var(--accent)}.track-cover{aspect-ratio:1;background:var(--panel-2);position:relative;overflow:hidden}.track-cover img{object-fit:cover;width:100%;height:100%;display:block}.track-cover-empty{width:100%;height:100%;color:var(--dimmer);background:var(--dither);place-items:center;display:grid}.track-cover-empty svg{background:var(--panel-2);width:34px;height:34px;padding:6px}.play-overlay{opacity:0;background:#0a0a0a8c;place-items:center;transition:opacity .12s;display:grid;position:absolute;inset:0}.track-card:hover .play-overlay,.play-overlay:focus-visible{opacity:1}.play-overlay span{background:var(--accent);width:46px;height:46px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid}.play-overlay:disabled{display:none}.track-body{padding:var(--gap-3);gap:var(--gap-1);align-content:start;display:grid}.track-body h2{font-family:var(--font-mono);font-size:var(--step-1);letter-spacing:0;text-transform:none;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.track-artist{color:var(--dim);font-size:var(--step-0)}.track-meta{gap:var(--gap-2);margin-top:var(--gap-1);color:var(--dimmer);font-size:var(--step-0);flex-wrap:wrap;display:flex}.status{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid;padding:1px 6px;font-size:.6875rem;font-weight:700;display:inline-block}.status.processing{color:var(--warn)}.status.uploading{color:var(--dim)}.status.failed{color:var(--danger)}.status.trashed{color:var(--dimmer)}.status.ready{display:none}.track-error{color:var(--danger);font-size:var(--step-0)}.track-actions{border-top:1px solid var(--rule);display:flex}.track-actions button{padding:var(--gap-2);font-size:var(--step-0);color:var(--dim);flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.track-actions button+button{border-left:1px solid var(--rule)}.track-actions button:hover{background:var(--panel-3);color:var(--ink)}.track-actions button.danger:hover{color:var(--danger)}.empty-state{justify-items:center;gap:var(--gap-3);padding:var(--gap-6) var(--gap-5);border:1px solid var(--rule);background:var(--panel);text-align:center;display:grid}.empty-state .dither-block{background:var(--dither-accent);opacity:.5;width:96px;height:40px}.empty-state h2{font-size:var(--step-3)}.empty-state p{color:var(--dim);max-width:44ch;font-size:var(--step-0)}.skeleton{border:1px solid var(--rule);background:var(--panel)}.skeleton .skeleton-cover{aspect-ratio:1;background:var(--panel-2)}.skeleton .skeleton-lines{padding:var(--gap-3);gap:var(--gap-2);display:grid}.skeleton i{background:var(--panel-3);height:9px;display:block}.skeleton i:nth-child(2){width:65%}.skeleton i:nth-child(3){width:40%}.track-view{width:min(100%,1280px);padding:var(--gap-5);gap:var(--gap-4);align-content:start;margin:0 auto;display:grid}.back-link{color:var(--dim);font-size:var(--step-0);align-items:center;gap:6px;width:fit-content;display:inline-flex}.back-link:hover{color:var(--accent)}.track-hero{gap:var(--gap-4);grid-template-columns:200px 1fr;align-items:start;display:grid}.track-hero-cover{aspect-ratio:1;background:var(--panel-2);border:1px solid var(--rule);overflow:hidden}.track-hero-cover img{object-fit:cover;width:100%;height:100%;display:block}.track-hero-info h1{font-size:var(--step-4);overflow-wrap:anywhere}.track-hero-info .track-artist{font-size:var(--step-2);margin-top:var(--gap-2)}.track-facts{gap:var(--gap-4);margin-top:var(--gap-4);padding-top:var(--gap-3);border-top:1px solid var(--rule);flex-wrap:wrap;display:flex}.track-fact{gap:2px;display:grid}.track-fact strong{font-family:var(--font-mono);font-size:var(--step-2);font-weight:600}.track-description{margin-top:var(--gap-4);color:var(--dim);font-size:var(--step-0);white-space:pre-wrap;max-width:70ch;line-height:1.65}.waveform-stage{background:var(--wave-bg);border:1px solid var(--rule)}.spectrum-strip{border-bottom:1px solid var(--rule);width:100%;height:72px;display:block}.spectrum-strip.is-compact{border-bottom:none;height:62px}.waveform{cursor:pointer;touch-action:none;width:100%;height:168px;display:block;position:relative}.waveform canvas{width:100%;height:100%;display:block}.waveform-times{padding:var(--gap-2) var(--gap-3);border-top:1px solid var(--rule);color:var(--dim);font-size:var(--step-0);justify-content:space-between;display:flex}.waveform-tooltip{background:var(--ink);color:var(--paper);pointer-events:none;white-space:nowrap;padding:2px 6px;font-size:.6875rem;font-weight:600;position:absolute;top:0;transform:translate(-50%)}.waveform-pending{padding:var(--gap-2) var(--gap-3);border-top:1px solid var(--rule);color:var(--warn);font-size:var(--step-0)}.tweak{border:1px solid var(--rule);background:var(--panel)}.tweak-toggle{width:100%;padding:var(--gap-2) var(--gap-3);font-family:var(--font-mono);font-size:var(--step-0);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:center;font-weight:700;display:flex}.tweak-toggle:hover{color:var(--accent)}.tweak-body{gap:var(--gap-5);padding:var(--gap-3);border-top:1px solid var(--rule);display:grid}.tweak-section{gap:var(--gap-3);display:grid}.tweak-section-head{padding-bottom:var(--gap-2);border-bottom:1px solid var(--rule);gap:3px;display:grid}.tweak-section-head .label{color:var(--ink)}.tweak-section-head p{color:var(--dim-strong);max-width:70ch;font-size:.75rem;line-height:1.5}.tweak-fields{gap:var(--gap-3) var(--gap-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.tweak-field{gap:6px;display:grid}.tweak-field-head{justify-content:space-between;align-items:baseline;gap:var(--gap-2);display:flex}.tweak-field-head span:last-child{color:var(--ink);font-size:var(--step-0)}.tweak-actions{padding-top:var(--gap-2);border-top:1px solid var(--rule);grid-column:1/-1;justify-content:flex-end;display:flex}.dock{z-index:var(--z-dock);background:var(--panel);border-top:1px solid var(--rule-strong);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.dock-visuals{border-bottom:1px solid var(--rule);position:relative}.spectrum-collapse{background:var(--wave-bg);width:100%;padding:0;display:block;position:relative}.spectrum-hint{top:4px;right:var(--gap-3);color:var(--dimmer);opacity:0;pointer-events:none;place-items:center;transition:opacity .12s;display:grid;position:absolute}.spectrum-collapse:hover .spectrum-hint,.spectrum-collapse:focus-visible .spectrum-hint{opacity:1;color:var(--ink)}.spectrum-reveal{width:100%;height:var(--dock-reveal-height);color:var(--dim);background:var(--panel-2);border-bottom:1px solid var(--rule);place-items:center;transition:color .12s,background .12s;display:grid}.spectrum-reveal:hover,.spectrum-reveal:focus-visible{color:var(--accent);background:var(--panel-3)}.dock-bar{align-items:center;gap:var(--gap-4);height:var(--dock-bar-height);padding:0 var(--gap-4);grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr);display:grid}.dock-identity{align-items:center;gap:var(--gap-3);min-width:0;display:flex}.dock-cover{background:var(--panel-2);border:1px solid var(--rule);width:46px;height:46px;color:var(--dimmer);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.dock-cover img{object-fit:cover;width:100%;height:100%;display:block}.dock-meta{gap:2px;min-width:0;display:grid}.dock-meta a{color:var(--ink);font-size:var(--step-0);white-space:nowrap;text-overflow:ellipsis;font-weight:600;text-decoration:none;overflow:hidden}.dock-meta a:hover{color:var(--accent)}.dock-meta span{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dock-center{justify-items:center;gap:3px;width:100%;min-width:0;display:grid}.dock-controls{align-items:center;gap:var(--gap-3);display:flex}.transport-play{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .1s,background .1s;display:grid}.transport-play:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);transform:scale(1.06)}.transport-seek{width:32px;height:32px;color:var(--dim);place-items:center;display:grid}.transport-seek:hover{color:var(--ink)}.dock-seek{align-items:center;gap:var(--gap-2);width:100%;color:var(--dim);font-size:.6875rem;display:flex}.scrubber{cursor:pointer;touch-action:none;flex:1;align-items:center;height:14px;display:flex;position:relative}.scrubber-track{background:var(--panel-3);width:100%;height:4px}.scrubber-fill{background:var(--ink);pointer-events:none;height:4px;position:absolute;left:0}.scrubber-handle{background:var(--ink);pointer-events:none;opacity:0;border-radius:50%;width:11px;height:11px;transition:opacity .12s;position:absolute;transform:translate(-50%)}.scrubber:hover .scrubber-fill,.scrubber:focus-visible .scrubber-fill{background:var(--accent)}.scrubber:hover .scrubber-handle,.scrubber:focus-visible .scrubber-handle{opacity:1;background:var(--accent)}.dock-side{justify-content:flex-end;align-items:center;gap:var(--gap-2);display:flex}.volume{align-items:center;gap:var(--gap-2);color:var(--dim);display:flex}.volume button:hover{color:var(--accent)}.icon-button{width:30px;height:30px;color:var(--dim);border:1px solid #0000;flex-shrink:0;place-items:center;display:grid}.icon-button:hover{color:var(--ink);border-color:var(--rule)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px}input[type=range]::-webkit-slider-runnable-track{background:var(--panel-3);border:none;height:3px}input[type=range]::-moz-range-track{background:var(--panel-3);border:none;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:none;width:10px;height:12px;margin-top:-4.5px}input[type=range]::-moz-range-thumb{background:var(--ink);border:none;border-radius:0;width:10px;height:12px}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent)}input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--accent)}input[type=range]:hover::-moz-range-thumb{background:var(--accent)}input[type=range]:focus-visible::-moz-range-thumb{background:var(--accent)}.volume input[type=range]{width:84px}.volume input[type=range]::-webkit-slider-thumb{border-radius:50%;width:11px;height:11px;margin-top:-4px}.volume input[type=range]::-moz-range-thumb{border-radius:50%;width:11px;height:11px}.login{border:1px solid var(--rule);background:var(--panel);width:min(100%,420px)}.login-head{padding:var(--gap-5);border-bottom:1px solid var(--rule)}.login-head h1{font-size:var(--step-3);margin-top:var(--gap-3)}.login-head p{margin-top:var(--gap-2);color:var(--dim);font-size:var(--step-0)}.login form{padding:var(--gap-5);gap:var(--gap-3);display:grid}label.field{gap:6px;display:grid}input[type=text],input[type=password],input[type=number],textarea{width:100%;min-height:36px;padding:7px var(--gap-2);background:var(--paper);border:1px solid var(--rule);color:var(--ink);font-size:var(--step-0);outline:none}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus{border-color:var(--accent)}.button{justify-content:center;align-items:center;gap:var(--gap-2);min-height:36px;padding:0 var(--gap-4);border:1px solid var(--rule-strong);background:var(--panel-2);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:600;display:inline-flex}.button:hover:not(:disabled){border-color:var(--ink)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button.primary:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--paper)}.admin{max-width:var(--measure,900px);flex-direction:column;gap:14px;margin:0 auto;padding:28px 20px 40px;display:flex}.admin h2{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:14px 0 0;font-size:.78rem}.admin-list{border:1px solid var(--line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.admin-list li:last-child{border-bottom:0}.admin-who{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-who span,.admin-who time{color:var(--dim);font-size:.72rem}.admin-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=560px){.admin-list li{flex-direction:column;align-items:flex-start}}.tabs{border-bottom:1px solid var(--line);gap:0;margin-bottom:4px;display:flex}.tabs button{color:var(--dim);font:inherit;font-size:var(--step-0);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:9px 12px}.tabs button:hover{color:var(--ink)}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.hint{color:var(--dim);margin-top:-4px;font-size:.72rem}.badge{background:var(--accent);min-width:16px;height:16px;color:var(--paper);justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:600;line-height:1;display:inline-flex}.account-menu .badge{margin-left:auto}.form-error{color:var(--danger);font-size:var(--step-0)}.notice{justify-content:space-between;align-items:center;gap:var(--gap-3);padding:var(--gap-2) var(--gap-3);border:1px solid var(--accent);background:var(--panel);font-size:var(--step-0);display:flex}.notice button{color:var(--dim)}.notice button:hover{color:var(--ink)}.upload-tray{gap:var(--gap-2);display:grid}.upload-row{align-items:center;gap:var(--gap-3);padding:var(--gap-3);border:1px solid var(--rule);background:var(--panel);grid-template-columns:auto 1fr auto;display:grid}.upload-row>div{gap:5px;min-width:0;display:grid}.upload-row strong{font-size:var(--step-0);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.upload-row span{color:var(--dim);font-size:.6875rem}.upload-bar{background:var(--panel-3);height:4px}.upload-bar i{background:var(--accent);height:100%;display:block}.upload-row.is-error .upload-bar i{background:var(--danger)}.modal-backdrop{z-index:var(--z-modal-backdrop);padding:var(--gap-4);background:#0a0a0acc;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{z-index:var(--z-modal);background:var(--panel);border:1px solid var(--rule-strong);width:min(100%,560px)}.modal header{justify-content:space-between;align-items:center;gap:var(--gap-3);padding:var(--gap-3) var(--gap-4);border-bottom:1px solid var(--rule);display:flex}.modal header h2{font-size:var(--step-2)}.modal form{padding:var(--gap-4);gap:var(--gap-3);display:grid}.modal .form-grid{gap:var(--gap-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.modal footer{justify-content:flex-end;gap:var(--gap-2);padding-top:var(--gap-2);border-top:1px solid var(--rule);display:flex}.cover-field{font-size:var(--step-0);gap:6px;display:grid}.loader{background:var(--dither-accent);width:64px;height:16px;animation:1s steps(2,end) infinite loader-pulse}@keyframes loader-pulse{0%{opacity:.35}50%{opacity:1}to{opacity:.35}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.track-list{border:1px solid var(--rule);background:var(--panel);width:100%}.track-row{align-items:center;gap:var(--gap-3);padding:var(--gap-2) var(--gap-3);grid-template-columns:26px 40px minmax(0,1fr) auto auto;transition:background .12s;display:grid}.track-row+.track-row{border-top:1px solid var(--rule)}.track-row:hover,.track-row:focus-within{background:var(--panel-2)}.row-lead{width:26px;height:26px;color:var(--dim);font-size:var(--step-0);place-items:center;display:grid}.row-lead .row-index,.row-lead .row-play{grid-area:1/1;transition:opacity .1s}.row-lead .row-play{width:26px;height:26px;color:var(--ink);opacity:0;place-items:center;display:grid}.row-lead .row-play:disabled{pointer-events:none}.track-row:hover .row-index{opacity:0}.row-lead:has(.row-play:focus-visible) .row-index{opacity:0}.track-row:hover .row-play:not(:disabled),.row-play:focus-visible{opacity:1}.row-play:hover{color:var(--accent)}.row-cover{background:var(--panel-2);border:1px solid var(--rule);width:40px;height:40px;color:var(--dimmer);place-items:center;display:grid;position:relative;overflow:hidden}.row-cover img{object-fit:cover;width:100%;height:100%;display:block}.row-main{gap:1px;min-width:0;display:grid}.row-title{color:var(--ink);font-size:var(--step-0);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.35;text-decoration:none;overflow:hidden}.row-title:hover{color:var(--accent)}.row-artist{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.row-uploader{color:var(--dim);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.track-body .row-uploader{margin:2px 0 0}.track-row.is-playing .row-title{color:var(--accent)}.row-meta{align-items:center;gap:var(--gap-3);color:var(--dimmer);white-space:nowrap;font-size:.75rem;display:flex}.row-genre{color:var(--dim)}.row-actions{align-items:center;gap:var(--gap-1);display:flex}.row-actions button{width:28px;height:28px;color:var(--dimmer);border:1px solid #0000;place-items:center;display:grid}.row-actions button:hover{color:var(--ink);border-color:var(--rule)}.row-actions button.danger:hover{color:var(--danger)}@media (hover:hover){.row-actions button{opacity:0;transition:opacity .12s}.track-row:hover .row-actions button,.track-row:focus-within .row-actions button{opacity:1}}.list-skeleton .track-row{pointer-events:none}.list-skeleton .skeleton-cover{width:40px;height:40px}.now-bars{align-items:flex-end;gap:2px;height:13px;display:flex}.now-bars i{background:var(--accent);transform-origin:bottom;width:3px;height:100%;animation:.9s ease-in-out infinite now-bar;display:block;transform:scaleY(.3)}.now-bars i:first-child{animation-delay:-200ms}.now-bars i:nth-child(2){animation-delay:-650ms}.now-bars i:nth-child(3){animation-delay:-420ms}.now-bars.is-paused i{animation-play-state:paused;transform:scaleY(.3)}@keyframes now-bar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.now-bars i{transform:scaleY(.55)}.now-bars i:nth-child(2){transform:scaleY(1)}.now-bars i:nth-child(3){transform:scaleY(.4)}}.layout-toggle button{width:32px;height:32px;color:var(--dim);place-items:center;padding:0;display:grid}.layout-toggle button.is-active{background:var(--ink);color:var(--paper)}@media (width<=1024px){.dock-bar{gap:var(--gap-3);grid-template-columns:minmax(0,1fr) minmax(0,2.6fr) auto}.volume input[type=range]{width:64px}}@media (width<=720px){.library,.track-view{padding:var(--gap-4) var(--gap-3)}.track-hero{gap:var(--gap-3);grid-template-columns:1fr}.track-hero-cover{width:132px}.track-hero-info h1,.library-head h1{font-size:var(--step-3)}.waveform{height:128px}.spectrum-strip{height:52px}.tweak-body{grid-template-columns:1fr}.row-genre,.dock-side .volume{display:none}.spectrum-strip.is-compact{height:48px}:root{--dock-height:113px}}@media (width<=560px){:root{--dock-bar-height:58px;--dock-height:95px}.topbar{gap:var(--gap-2);height:auto;padding:var(--gap-2) var(--gap-3);flex-wrap:wrap}.brand{font-size:var(--step-1)}.topbar-spacer{display:none}.topbar-search{flex-basis:100%;order:3;max-width:none}.account{margin-left:auto}.track-grid{justify-content:center;gap:var(--gap-2);grid-template-columns:repeat(auto-fit,minmax(150px,170px))}.track-body{padding:var(--gap-2);gap:3px}.track-list{border-left:none;border-right:none}.track-row{gap:var(--gap-2);padding:var(--gap-2) var(--gap-3);grid-template-columns:26px 36px minmax(0,1fr) auto auto}.row-cover{width:36px;height:36px}.row-size{display:none}.row-actions{gap:0}.track-body h2{font-size:var(--step-0)}.track-artist{font-size:.75rem}.track-meta{font-size:.6875rem}.track-actions button{padding:7px;font-size:.6875rem}.track-actions button span{display:none}.library-head{align-items:flex-start}.library-controls{justify-content:space-between;width:100%}.dock-bar{gap:var(--gap-2);padding:0 var(--gap-3);grid-template-columns:minmax(0,1fr) auto auto;padding-bottom:4px;position:relative}.spectrum-strip.is-compact{height:34px}.dock-cover{width:40px;height:40px}.dock-center{display:contents}.dock-controls{gap:var(--gap-1);grid-area:1/2}.dock-identity{grid-area:1/1}.dock-side{grid-area:1/3}.dock-seek{gap:0;position:absolute;bottom:0;left:0;right:0}.dock-seek .numeric{display:none}.scrubber{height:10px}.scrubber-track,.scrubber-fill{height:3px}.scrubber-handle{display:none}.transport-seek,.transport-play{width:38px;height:38px}.dock-side .icon-button{width:34px;height:34px}.modal{width:100%}.modal form{padding:var(--gap-3)}.modal .form-grid{grid-template-columns:1fr}.empty-state{padding:var(--gap-5) var(--gap-3)}}@media (hover:none){.play-overlay{opacity:1;background:0 0}.play-overlay span{opacity:.92;width:38px;height:38px}.scrubber-handle,.row-lead .row-play:not(:disabled){opacity:1}.row-lead:has(.row-play:not(:disabled)) .row-index{opacity:0}}