:root{--bg-0: #0e1116;--bg-1: #161b22;--bg-2: #1f2630;--ink-1: #e8eaed;--ink-2: #8b949e;--accent: #00E586;--accent-buy: var(--accent);--accent-buy-preorder: #e8590c;--ok: #38BDF8;--warn: #d29922;--err: #f85149;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--radius-4: 12px;--row-comfortable: 64px;--row-compact: 40px;--row-dj: 32px;--row-h: var(--row-comfortable);--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fw-regular: 400;--fw-semibold: 600;--fw-black: 800;--fs-1: 11px;--fs-2: 12px;--fs-3: 13px;--fs-4: 15px;--fs-5: 18px;--fs-6: 24px;--control-h: 40px;--field-bg: var(--bg-1);--field-edge: var(--bg-2);--field-edge-hover: color-mix(in oklab, var(--bg-2), var(--ink-2) 45%);--field-ring: color-mix(in oklab, var(--accent) 30%, transparent);--border: 1px solid var(--bg-2);--focus-ring: 2px solid var(--accent);--shadow-pop: 0 8px 24px rgb(0 0 0 / .35);--z-player: 100;--z-menu: 200;--z-dialog: 300;--dur-fast: .12s;--dur-slow: .24s}[data-density=COMPACT]{--row-h: var(--row-compact)}[data-density=COMFORTABLE]{--row-h: var(--row-comfortable)}[data-density=DJ]{--row-h: var(--row-dj)}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/inter-latin-800-normal-BYj_oED-.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html:has(#app),html:has(#app) body,#app{height:100%;overflow:hidden}body{margin:0;background:var(--bg-0);color:var(--ink-1);font-family:var(--font-ui);font-size:var(--fs-3);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{appearance:none;height:var(--control-h);padding:0 var(--space-3);background-color:var(--field-bg);border:1px solid var(--field-edge);border-radius:var(--radius-3);color:var(--ink-1);font-size:var(--fs-3);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}textarea{height:auto;min-height:calc(var(--control-h) * 2);padding:var(--space-2) var(--space-3);resize:vertical}input::placeholder,textarea::placeholder{color:var(--ink-2);opacity:1}input:not([type=checkbox]):not([type=radio]):not([type=range]):hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--field-edge-hover)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--field-ring)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}select{padding-right:calc(var(--space-3) + var(--space-5));background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:right calc(var(--space-3) + 6px) top 50%,right var(--space-3) top 50%;background-size:6px 6px;background-repeat:no-repeat;cursor:pointer}select:hover:not(:disabled),select:focus-visible{background-image:linear-gradient(45deg,transparent 50%,var(--ink-1) 50%),linear-gradient(135deg,var(--ink-1) 50%,transparent 50%)}select option{background:var(--bg-1);color:var(--ink-1)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{appearance:none;margin:0}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.85)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}a{color:inherit;text-decoration:none}a,img{-webkit-user-drag:none}:focus{outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}html:has(#app) *{scrollbar-width:thin;scrollbar-color:var(--bg-2) transparent}html:has(#app) *::-webkit-scrollbar{width:8px;height:8px}html:has(#app) *::-webkit-scrollbar-track{background:transparent}html:has(#app) *::-webkit-scrollbar-thumb{background:var(--bg-2);border-radius:var(--radius-2)}html:has(#app) *::-webkit-scrollbar-thumb:hover{background:var(--ink-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.bdj-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-2);font-weight:var(--fw-semibold);font-size:var(--fs-3);white-space:nowrap}.bdj-button--full{width:100%}.bdj-button--sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-2)}.bdj-button--lg{padding:var(--space-3) var(--space-5);font-size:var(--fs-4)}.bdj-button--primary{background:var(--accent);color:var(--bg-0)}.bdj-button--primary:hover:not(:disabled){filter:brightness(1.1)}.bdj-button--secondary{background:var(--bg-2);color:var(--ink-1);border-color:var(--border)}.bdj-button--secondary:hover:not(:disabled){background:var(--bg-1)}.bdj-button--ghost{background:transparent;color:var(--ink-2)}.bdj-button--ghost:hover:not(:disabled){color:var(--ink-1);background:var(--bg-1)}.bdj-button--danger{background:var(--bg-2);color:var(--err);border-color:var(--err)}.bdj-button--danger:hover:not(:disabled){background:var(--err);color:var(--ink-1)}.bdj-button:disabled{cursor:default;color:var(--ink-2);background:var(--bg-2);border-color:transparent;filter:none}.bdj-track-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;height:var(--row-h);border-bottom:var(--border)}.bdj-track-row[data-density=DJ]{column-gap:var(--space-2);font-size:var(--fs-2)}.bdj-track-row[data-playing=true]{background:var(--bg-1)}.bdj-track-row[data-focused=true]{outline:var(--focus-ring);outline-offset:-2px}.bdj-track-row[data-highlighted=true]{animation:bdj-track-row-pulse 1.6s ease-out 1}@keyframes bdj-track-row-pulse{0%{background:var(--bg-1)}to{background:transparent}}.bdj-track-row__buy{display:inline-flex;align-items:center}.bdj-track-row__actions{display:inline-flex;align-items:center;gap:var(--space-1);justify-self:end;min-width:0}.bdj-track-row__play{position:relative;width:calc(var(--row-h) - var(--space-2));height:calc(var(--row-h) - var(--space-2));justify-self:center;align-self:center;display:flex;align-items:center;justify-content:center}.bdj-track-row[data-density=COMFORTABLE] .bdj-track-row__play{width:var(--space-12);height:var(--space-12)}.bdj-track-row__index{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-2)}.bdj-track-row__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-1)}.bdj-track-row__art--placeholder{background:var(--bg-2)}.bdj-track-row[data-playing=true] .bdj-track-row__art{opacity:.35}.bdj-track-row__playing{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:24% 22%}.bdj-track-row__playing>span{flex:1 1 0;max-width:5px;height:100%;border-radius:1px;background:var(--accent);transform-origin:bottom;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.bdj-track-row__playing>span:nth-child(1){animation-name:bdj-track-row-eq-1;animation-duration:calc(var(--bdj-beat, .5s) * 4);animation-delay:calc(var(--bdj-beat, .5s) * -1.3)}.bdj-track-row__playing>span:nth-child(2){animation-name:bdj-track-row-eq-2;animation-duration:calc(var(--bdj-beat, .5s) * 3);animation-delay:calc(var(--bdj-beat, .5s) * -.4)}.bdj-track-row__playing>span:nth-child(3){animation-name:bdj-track-row-eq-3;animation-duration:calc(var(--bdj-beat, .5s) * 5);animation-delay:calc(var(--bdj-beat, .5s) * -2.7)}.bdj-track-row__playing>span:nth-child(4){animation-name:bdj-track-row-eq-4;animation-duration:calc(var(--bdj-beat, .5s) * 3.5);animation-delay:calc(var(--bdj-beat, .5s) * -.9)}@keyframes bdj-track-row-eq-1{0%{transform:scaleY(.3)}12%{transform:scaleY(.95)}27%{transform:scaleY(.4)}38%{transform:scaleY(.75)}55%{transform:scaleY(.22)}67%{transform:scaleY(1)}84%{transform:scaleY(.5)}to{transform:scaleY(.3)}}@keyframes bdj-track-row-eq-2{0%{transform:scaleY(.7)}18%{transform:scaleY(.25)}31%{transform:scaleY(1)}49%{transform:scaleY(.55)}63%{transform:scaleY(.85)}79%{transform:scaleY(.3)}to{transform:scaleY(.7)}}@keyframes bdj-track-row-eq-3{0%{transform:scaleY(.45)}9%{transform:scaleY(.2)}23%{transform:scaleY(.8)}36%{transform:scaleY(.35)}47%{transform:scaleY(1)}61%{transform:scaleY(.6)}72%{transform:scaleY(.25)}88%{transform:scaleY(.9)}to{transform:scaleY(.45)}}@keyframes bdj-track-row-eq-4{0%{transform:scaleY(.55)}14%{transform:scaleY(1)}29%{transform:scaleY(.3)}43%{transform:scaleY(.65)}58%{transform:scaleY(.2)}76%{transform:scaleY(.9)}91%{transform:scaleY(.4)}to{transform:scaleY(.55)}}.bdj-track-row__play-glyph{display:none;position:absolute;inset:0;align-items:center;justify-content:center;background:var(--bg-0);opacity:.85;color:var(--ink-1)}.bdj-track-row__play:hover .bdj-track-row__play-glyph,.bdj-track-row__play:focus-visible .bdj-track-row__play-glyph{display:flex}.bdj-track-row__play:disabled{cursor:not-allowed}.bdj-track-row__play:disabled .bdj-track-row__play-glyph{color:var(--ink-2)}.bdj-track-row__title-block{display:flex;align-items:center;gap:var(--space-2);overflow:hidden}.bdj-track-row__title,.bdj-track-row__artist,.bdj-track-row__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdj-track-row__title{font-weight:var(--fw-semibold)}.bdj-track-row__label[aria-disabled=true]{color:var(--ink-2);pointer-events:none}.bdj-track-row__date,.bdj-track-row__duration{color:var(--ink-2);font-size:var(--fs-2)}.bdj-track-row__date-tag{text-transform:uppercase;font-size:.7em;letter-spacing:.04em;margin-right:.4em;opacity:.7}.bdj-track-row__save{font-size:var(--fs-4)}.bdj-track-row__save[aria-pressed=true]{color:var(--accent)}.bdj-track-row__new-hint{font-size:var(--fs-1);color:var(--ink-2);white-space:nowrap}.bdj-bpm-cell{min-width:3.5em;text-align:right;color:var(--ink-1)}.bdj-bpm-cell[data-tone=mid]{color:var(--ink-1)}.bdj-bpm-cell[data-tone=dim]{color:var(--ink-2)}.bdj-bpm-cell--empty{color:var(--ink-2);min-width:3.5em;text-align:right;display:inline-block}.bdj-bpm-cell--analysing{color:var(--ink-2);min-width:3.5em;text-align:right;display:inline-block;opacity:.6}.bdj-status-pill{display:inline-flex;align-items:center;padding:0 var(--space-2);border-radius:var(--radius-2);font-size:var(--fs-1);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-2);color:var(--ink-1)}.bdj-status-pill[data-tone=ok]{color:var(--ok)}.bdj-status-pill[data-tone=warn]{color:var(--warn)}.bdj-status-pill[data-tone=err]{color:var(--err)}.bdj-status-pill[data-tone=neutral]{color:var(--ink-2)}.bdj-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12);text-align:center;color:var(--ink-2)}.bdj-empty-state__title{color:var(--ink-1);font-weight:var(--fw-semibold);font-size:var(--fs-4);margin:0}.bdj-empty-state__body{margin:0}.bdj-empty-state__action{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-2);color:var(--ink-1);border-radius:var(--radius-2);font-weight:var(--fw-semibold)}.bdj-empty-state__action:hover{background:var(--bg-1)}.bdj-unfollow-button{padding:var(--space-1) var(--space-3);background:var(--bg-2);color:var(--ink-1);border:1px solid transparent;border-radius:var(--radius-2);font-weight:var(--fw-semibold);font-size:var(--fs-2);white-space:nowrap}.bdj-unfollow-button:hover{border-color:var(--err);color:var(--err)}.bdj-buy-button-group{display:flex;flex-direction:column;gap:var(--space-1)}.bdj-buy-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-2);font-weight:var(--fw-semibold);font-size:var(--fs-3);white-space:nowrap;background:var(--accent-buy);color:var(--bg-0)}.bdj-buy-button[data-preorder=true]{background:var(--accent-buy-preorder)}.bdj-buy-button:hover{filter:brightness(1.1)}.bdj-buy-button--disabled{padding:var(--space-2) var(--space-4);color:var(--ink-2);background:var(--bg-2);border-radius:var(--radius-2);cursor:default}.bdj-buy-button__mission{margin:0;font-size:var(--fs-1);color:var(--ink-2);max-width:20em}.bdj-buy-button--compact{display:inline-flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;padding:0;border:0;border-radius:var(--radius-2)}.bdj-buy-button--compact svg{width:60%;height:60%}.bdj-buy-button--compact:focus-visible{outline:2px solid var(--warn);outline-offset:2px}.bdj-price-cell{display:grid;grid-template-columns:1fr calc(1.25em + var(--space-1));align-items:center;justify-items:end;font-size:var(--fs-2);color:var(--ink-1);white-space:nowrap}.bdj-price-cell__amount[data-unpriced=true]{color:var(--ink-2)}.bdj-price-cell__preorder{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;border:1px solid var(--accent-buy-preorder);border-radius:50%;color:var(--accent-buy-preorder);font-size:var(--fs-1);font-weight:var(--fw-semibold);line-height:1;cursor:help}.bdj-filter-rail{width:220px;padding:var(--space-4);border-right:var(--border);overflow-y:auto}.bdj-filter-rail__section{margin-bottom:var(--space-6)}.bdj-filter-rail__heading{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);margin:0 0 var(--space-2)}.bdj-filter-rail__histogram{display:flex;align-items:flex-end;height:40px;gap:2px;margin-bottom:var(--space-2)}.bdj-filter-rail__histogram-bar{flex:1;background:var(--accent);min-height:2px;border-radius:var(--radius-1)}.bdj-filter-rail__bpm-range{display:flex;align-items:center;gap:var(--space-2)}.bdj-filter-rail__bpm-range input{width:5.5em;padding:0 var(--space-2)}.bdj-filter-rail__checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--fs-2)}.bdj-filter-rail__count{margin-left:auto;color:var(--ink-2)}.bdj-filter-rail__date-range{display:flex;align-items:center;gap:var(--space-2)}.bdj-filter-rail__date-range input{flex:1;min-width:0;padding:0 var(--space-2)}.bdj-filter-rail__shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.bdj-sort-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-2) 0}.bdj-sort-bar__sort{display:flex;align-items:center;gap:var(--space-1);font-size:var(--fs-1);color:var(--ink-2)}.bdj-sort-bar__chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.bdj-sort-bar__chip{background:var(--bg-1);border:var(--border);border-radius:var(--radius-1);padding:var(--space-1) var(--space-2);font-size:var(--fs-1);color:var(--ink-2)}.bdj-sort-bar__chip[aria-pressed=true]{background:var(--accent);color:var(--bg-0)}.bdj-filter-rail__shortcut{background:var(--bg-1);border:var(--border);border-radius:var(--radius-1);padding:var(--space-1) var(--space-2);font-size:var(--fs-1);color:var(--ink-2);cursor:pointer}.bdj-filter-rail__shortcut[aria-pressed=true]{background:var(--accent);color:var(--bg-0)}.bdj-filter-rail__tag-mode{display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.bdj-filter-rail__user-state{margin-bottom:var(--space-2);font-size:var(--fs-2)}.bdj-player-bar{position:sticky;bottom:0;z-index:var(--z-player);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-3);height:96px;padding:0 var(--space-4);background:var(--bg-1);border-top:var(--border)}.bdj-player-bar__now{display:flex;align-items:center;gap:var(--space-3);min-width:0}.bdj-player-bar__art{display:block;width:72px;height:72px;border-radius:var(--radius-2);object-fit:cover}.bdj-player-bar__art--placeholder{background:var(--bg-2)}.bdj-player-bar__art-link{display:block;flex:none;line-height:0;border-radius:var(--radius-2)}.bdj-player-bar__meta{min-width:0;display:grid;grid-template-rows:auto auto auto;align-content:center;gap:2px}.bdj-player-bar__title{display:block;font-size:var(--fs-4);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdj-player-bar__byline{display:flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--ink-2);font-size:var(--fs-2)}.bdj-player-bar__artist,.bdj-player-bar__label{display:block;min-width:0;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdj-player-bar__artist:hover,.bdj-player-bar__label:hover{color:var(--ink-1)}.bdj-player-bar__sep{flex:none}.bdj-player-bar__foot{display:flex;align-items:center;gap:var(--space-3);min-width:0}.bdj-player-bar__origin{flex:none;max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:var(--fs-1)}.bdj-player-bar__origin:hover{color:var(--ink-1)}.bdj-player-bar__transport-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--ink-1)}.bdj-player-bar__transport-button svg{width:20px;height:20px}.bdj-player-bar__transport-button:hover{background:var(--bg-2)}.bdj-player-bar__transport-button--play{width:46px;height:46px;background:var(--accent);color:var(--bg-0)}.bdj-player-bar__transport-button--play svg{width:24px;height:24px}.bdj-player-bar__transport-button--play:hover{background:var(--accent);opacity:.88}.bdj-player-bar__seek{grid-column:1 / -1;width:100%;min-width:0;accent-color:var(--accent);transition:none}.bdj-player-bar__time{flex:none;color:var(--ink-2);font-size:var(--fs-1)}.bdj-player-bar__side{display:flex;align-items:center;gap:var(--space-2);min-width:0}.bdj-player-bar__side--left>.bdj-player-bar__now{flex:1 1 auto;margin-right:var(--space-1)}.bdj-player-bar__side>.bdj-buy-button--compact,.bdj-player-bar__side>.bdj-buy-button--unavailable{width:36px;height:36px;border-radius:var(--radius-3)}.bdj-player-bar__side--right>.bdj-player-bar__menu{flex:none;margin-left:auto}.bdj-player-bar__icon-button.bdj-player-bar__buylist,.bdj-player-bar__icon-button.bdj-player-bar__buylist:hover{color:var(--accent)}.bdj-player-bar__transport{display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;column-gap:var(--space-2);row-gap:var(--space-1);width:340px}.bdj-player-bar__time--elapsed{justify-self:end}.bdj-player-bar__time--total{justify-self:start}.bdj-player-bar__icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:var(--radius-3);color:var(--ink-2)}.bdj-player-bar__icon-button svg{width:20px;height:20px}.bdj-player-bar__icon-button:hover{color:var(--ink-1);background:var(--bg-2)}.bdj-player-bar__save svg{width:23px;height:23px}.bdj-player-bar__save[aria-pressed=true]{color:var(--accent)}.bdj-player-bar__mute[aria-pressed=true]{color:var(--warn)}.bdj-player-bar__volume{position:relative;display:flex}.bdj-player-bar__volume-pop{position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:var(--z-menu);padding-bottom:var(--space-2);opacity:0;visibility:hidden;transition:opacity var(--dur-fast) linear}.bdj-player-bar__volume:hover .bdj-player-bar__volume-pop,.bdj-player-bar__volume:has(:focus-visible) .bdj-player-bar__volume-pop{opacity:1;visibility:visible}.bdj-player-bar__volume-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-2);background:var(--bg-1);border:var(--border);border-radius:var(--radius-3);box-shadow:var(--shadow-pop)}.bdj-player-bar__volume-slider{writing-mode:vertical-rl;direction:rtl;width:6px;height:92px;accent-color:var(--accent)}.bdj-player-bar__eq-slot{flex:0 1 320px;min-width:160px;height:72px;display:flex;align-items:center}.bdj-player-bar__eq{width:100%;height:100%;padding:var(--space-1) 0}.bdj-player-bar__eq-canvas{display:block;width:100%;height:100%}.bdj-player-bar__menu{position:relative;display:flex}.bdj-player-bar__menu-toggle[aria-expanded=true]{color:var(--ink-1);background:var(--bg-2)}.bdj-player-bar__menu-panel{position:absolute;bottom:calc(100% + var(--space-2));right:0;z-index:var(--z-menu);min-width:210px;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--bg-1);border:var(--border);border-radius:var(--radius-3);box-shadow:var(--shadow-pop)}.bdj-player-bar__menu-panel>button,.bdj-player-bar__menu-panel>div>button{width:100%;display:flex;align-items:center;justify-content:flex-end;text-align:right;padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);color:var(--ink-1);font-size:var(--fs-3)}.bdj-player-bar__menu-panel>button:hover,.bdj-player-bar__menu-panel>div>button:hover{background:var(--bg-2);color:var(--ink-1)}.bdj-player-bar__history-slot,.bdj-player-bar__similar-slot{position:relative}.bdj-skeleton{background:var(--bg-2);border-radius:var(--radius-2);animation:bdj-skeleton-shimmer var(--dur-slow) ease-in-out infinite alternate}.bdj-skeleton[data-variant=row]{height:var(--row-h);width:100%;margin-bottom:var(--space-1)}.bdj-skeleton[data-variant=block]{height:120px;width:100%}@keyframes bdj-skeleton-shimmer{0%{opacity:.6}to{opacity:1}}.bdj-error-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12);text-align:center;color:var(--ink-2)}.bdj-error-state__title{color:var(--err);font-weight:var(--fw-semibold);font-size:var(--fs-4);margin:0}.bdj-error-state__body{margin:0}.bdj-error-state__action{margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-2);color:var(--ink-1);border-radius:var(--radius-2);font-weight:var(--fw-semibold)}.bdj-error-state__action:hover{background:var(--bg-1)}.bdj-track-list{display:grid;grid-template-columns:var(--track-row-grid);--track-row-grid: var(--row-h) minmax(0, 2.4fr) minmax(0, 1fr) minmax(0, .9fr) auto auto auto auto auto auto auto;column-gap:var(--space-3);padding:0 var(--space-3)}.bdj-track-list[data-bpm=off]{--track-row-grid: var(--row-h) minmax(0, 2.4fr) minmax(0, 1fr) minmax(0, .9fr) auto auto auto auto auto auto}.bdj-track-list[data-actions=on]{--track-row-grid: var(--row-h) minmax(0, 2.4fr) minmax(0, 1fr) minmax(0, .9fr) auto auto auto auto auto auto auto auto}.bdj-track-list>*{grid-column:1 / -1}.bdj-track-list-header{display:grid;grid-template-columns:subgrid;align-items:center;height:var(--row-h);border-bottom:var(--border);color:var(--ink-2);font-size:var(--fs-2);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none;cursor:default}.bdj-track-list-header[data-density=DJ]{column-gap:var(--space-2)}.bdj-track-list-header__index{font-family:var(--font-mono);text-align:center}.bdj-track-list-header__duration,.bdj-track-list-header__save,.bdj-track-list-header__price,.bdj-track-list-header__buy{text-align:right}.bdj-track-list-header__duration.bdj-track-list-header__cell--sortable{justify-content:flex-end}.bdj-track-list-header__cell--sortable{display:inline-flex;align-items:center;gap:var(--space-1);color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;align-self:stretch}.bdj-track-list-header__cell--sortable:hover{color:var(--ink-1)}.bdj-track-list-header__arrow{font-size:var(--fs-2)}.bdj-toasts{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + var(--bdj-player-h, 0px));z-index:var(--z-dialog);display:flex;flex-direction:column;gap:var(--space-3);width:440px;max-width:calc(100vw - var(--space-8));pointer-events:none}.bdj-toast{--toast-tone: var(--ink-2);pointer-events:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-1);border:1px solid color-mix(in oklab,var(--toast-tone) 40%,var(--bg-2));border-radius:var(--radius-4);box-shadow:var(--shadow-pop);font-size:var(--fs-4);line-height:1.5;color:var(--ink-1);animation:bdj-toast-in var(--dur-slow) ease-out}.bdj-toast[data-tone=ok]{--toast-tone: var(--accent)}.bdj-toast[data-tone=info]{--toast-tone: var(--ok)}.bdj-toast[data-tone=warn]{--toast-tone: var(--warn)}.bdj-toast[data-tone=err]{--toast-tone: var(--err)}.bdj-toast__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:50%;background:color-mix(in oklab,var(--toast-tone) 22%,transparent);color:var(--toast-tone);flex:none}.bdj-toast__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.bdj-toast__message{min-width:0}.bdj-toast__actions{display:inline-flex;align-items:center;gap:var(--space-1);flex:none}.bdj-toast__action{padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);color:var(--toast-tone);font-size:var(--fs-3);font-weight:var(--fw-semibold);white-space:nowrap}.bdj-toast__action:hover{background:color-mix(in oklab,var(--toast-tone) 16%,transparent)}.bdj-toast__dismiss{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-2);color:var(--ink-2);flex:none}.bdj-toast__dismiss svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.bdj-toast__dismiss:hover{background:var(--bg-2);color:var(--ink-1)}@keyframes bdj-toast-in{0%{opacity:0;transform:translate(var(--space-4))}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bdj-toast{animation:none}}.bdj-field-group{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);margin:0 0 var(--space-4);border:var(--border);border-radius:var(--radius-3)}.bdj-field-group>legend{padding:0 var(--space-2);color:var(--ink-2);font-size:var(--fs-2);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em}.bdj-field{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-3);color:var(--ink-1)}.bdj-field--checkbox input[type=checkbox],.bdj-field--radio input[type=radio]{appearance:none;width:16px;height:16px;flex-shrink:0;border:1px solid var(--ink-2);background:var(--bg-1)}.bdj-field--checkbox input[type=checkbox]{border-radius:var(--radius-1)}.bdj-field--radio input[type=radio]{border-radius:50%}.bdj-field--checkbox input[type=checkbox]:checked,.bdj-field--radio input[type=radio]:checked{border-color:var(--accent);background:var(--accent)}.bdj-field--checkbox input[type=checkbox]:disabled,.bdj-field--radio input[type=radio]:disabled{opacity:.4}.bdj-field--number input[type=number]{width:5em;padding:0 var(--space-2)}.bdj-spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bdj-spin var(--dur-slow) linear infinite}@keyframes bdj-spin{to{transform:rotate(360deg)}}.bdj-track-row__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-0);opacity:.85;color:var(--accent);border-radius:var(--radius-1)}.bdj-player-bar__art-link{position:relative}.bdj-player-bar__art-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-0);opacity:.85;color:var(--accent);border-radius:var(--radius-1);font-size:var(--fs-4)}.bdj-buy-button--unavailable{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);color:var(--ink-2);opacity:.7;cursor:help}.bdj-buy-button--unavailable:after{content:"";position:absolute;left:12%;right:12%;top:50%;border-top:2px solid var(--err);transform:rotate(-24deg);opacity:.8}.bdj-player-bar__history-toggle{padding:var(--space-2) var(--space-3);border-radius:var(--radius-2);color:var(--ink-2)}.bdj-player-bar__history-toggle:hover{color:var(--ink-1);background:var(--bg-2)}.bdj-player-bar__history-toggle[aria-expanded=true]{color:var(--accent);background:var(--bg-2)}.bdj-field__hint{margin:0 0 var(--space-2);color:var(--ink-2);font-size:var(--fs-2);line-height:1.5;max-width:60ch}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.link-button{background:none;border:none;color:var(--ink-2);text-decoration:underline;font-size:var(--fs-2);cursor:pointer}.link-button:hover{color:var(--ink-1)}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);overflow:hidden}.hero__waveform{position:absolute;inset:0;width:100%;height:100%}.hero__content{position:relative;z-index:1;max-width:40em;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.hero__logo{height:72px;width:auto}.how__app-icon{align-self:flex-start;width:64px;height:64px;margin-top:var(--space-3)}.hero__title{margin:var(--space-6) 0 0;font-size:var(--fs-6);font-weight:var(--fw-black);color:var(--ink-1)}.hero__sub{margin:0;max-width:34em;color:var(--ink-2);font-size:var(--fs-4);line-height:1.5}.hero__sub--strong{color:var(--ink-1);margin-top:var(--space-2)}.code-form{width:100%;max-width:22em;margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.code-form[hidden]{display:none}.code-form__label{text-align:center;font-size:var(--fs-3);color:var(--ink-2);text-align:left}.code-form__row{display:flex;flex-direction:column;gap:var(--space-2)}.code-form__input{flex:1 1 auto;min-width:0;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--bg-1);border:1px solid var(--bg-2);border-radius:var(--radius-3);color:var(--ink-1);font-family:var(--font-mono);font-size:24px;letter-spacing:.15em;text-align:center}.code-form__input--ok{border-color:var(--ok)}.code-form__input--err{border-color:var(--err)}.code-form__input--nudge{animation:code-nudge .12s ease-in-out}@keyframes code-nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.code-form__submit{min-height:44px;align-self:center;min-width:12em}.code-form__change{align-self:flex-start;min-height:44px;padding-inline:var(--space-2)}.code-form__status{min-height:1.2em;font-size:var(--fs-2);text-align:left;color:var(--ink-2)}@media(max-width:767px){.code-form__submit{width:100%}}.signup{width:100%;max-width:22em;display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--dur-slow) ease;overflow:hidden}.signup[hidden]{display:none}.signup__form{min-height:0;display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-1);text-align:left}.field label{font-size:var(--fs-2);color:var(--ink-2)}.field input{min-height:44px;padding:var(--space-2) var(--space-3);background:var(--bg-1);border:1px solid var(--bg-2);border-radius:var(--radius-2);color:var(--ink-1);font-size:16px}.field__hint{margin:0;font-size:var(--fs-1);color:var(--ink-2)}.field__error{margin:0;font-size:var(--fs-1);color:var(--err);min-height:1.2em}.inbox{width:100%;max-width:26em;display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.inbox[hidden]{display:none}.inbox h2{margin:0;font-size:var(--fs-5);color:var(--ink-1)}.inbox p{margin:0;color:var(--ink-2)}.resend-recovery{width:100%;max-width:26em;display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.resend-recovery[hidden]{display:none}.resend-recovery h2{margin:0;font-size:var(--fs-5);color:var(--ink-1)}.resend-recovery p{margin:0;color:var(--ink-2)}.notice{width:100%;max-width:34em;margin-top:var(--space-4);padding:var(--space-3);background:var(--bg-1);border:1px solid var(--bg-2);border-radius:var(--radius-2)}.notice[hidden]{display:none}.notice p{margin:0;color:var(--ink-2);font-size:var(--fs-2)}.about{position:relative;padding:var(--space-12) var(--space-4);overflow:hidden}.about__copy{max-width:40em;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);position:relative;z-index:1}.about h2{font-size:var(--fs-6);color:var(--ink-1)}.about p{color:var(--ink-2);line-height:1.6}.about .callout{font-style:normal;font-weight:var(--fw-semibold);font-family:var(--font-ui);color:var(--accent)}.about__vinyl{display:none}@media(min-width:768px){.about__vinyl{display:block;position:absolute;top:50%;right:-180px;width:480px;height:480px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,var(--accent) 0 8px,transparent 8px),repeating-radial-gradient(circle,var(--bg-1) 0 3px,var(--bg-0) 3px 6px)}}.how{padding:var(--space-12) var(--space-4);max-width:60em;margin:0 auto}.how h2{font-size:var(--fs-6);color:var(--ink-1);margin-bottom:var(--space-6)}.how__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.how__grid{grid-template-columns:1fr 1fr}}.how__step{display:flex;flex-direction:column;gap:var(--space-1)}.how__num{font-family:var(--font-mono);font-size:40px;font-weight:var(--fw-semibold);color:var(--accent)}.how__step h3{margin:0;color:var(--ink-1);font-size:var(--fs-5)}.how__step p{margin:0;color:var(--ink-2);line-height:1.5}.waitlist{padding:var(--space-12) var(--space-4);max-width:30em;margin:0 auto;text-align:center}.waitlist h2{color:var(--ink-1);font-size:var(--fs-5);margin-bottom:var(--space-1)}.waitlist p{color:var(--ink-2);margin-top:0}.waitlist__form{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.waitlist__form[hidden]{display:none}.waitlist__form input{flex:1 1 auto;min-width:0;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--bg-1);border:1px solid var(--bg-2);border-radius:var(--radius-2);color:var(--ink-1);font-size:16px}@media(max-width:480px){.waitlist__form{flex-direction:column}}.waitlist__done{margin-top:var(--space-4);color:var(--ok)}.site-footer{padding:var(--space-8) var(--space-4);border-top:var(--border);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;color:var(--ink-2);font-size:var(--fs-2)}.footer__logo{height:20px;width:auto}.site-footer p{margin:0}.site-footer a{color:var(--ink-2);text-decoration:underline}.legal{max-width:46rem;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12);color:var(--ink-1)}.legal__back{display:inline-block;margin-bottom:var(--space-6);color:var(--ink-2);text-decoration:none}.legal__back:hover{color:var(--accent)}.legal__meta{color:var(--ink-2);font-size:var(--fs-2)}.legal h1{margin:0 0 var(--space-2)}.legal h2{margin:var(--space-8) 0 var(--space-2);font-size:var(--fs-5)}.legal p,.legal li{line-height:1.65}.legal ul{padding-left:var(--space-5)}.legal a{color:var(--accent)}.hero__cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.hero__request{min-height:44px;min-width:14em}.showcase{max-width:72rem;margin:calc(-1 * var(--space-8)) auto 0;padding:0 var(--space-4)}.showcase__frame{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--radius-3)}.showcase__frame img{display:block;width:100%;height:auto}.showcase__hint{position:absolute;right:var(--space-8);bottom:var(--space-8);padding:var(--space-1) var(--space-3);border-radius:var(--radius-4);background:color-mix(in oklab,var(--bg-0) 72%,transparent);color:var(--ink-2);font-size:var(--fs-2);opacity:0;transition:opacity var(--dur-fast)}.showcase__frame:hover .showcase__hint,.showcase__frame:focus-visible .showcase__hint{opacity:1}.feature__shot{display:block;width:100%;margin-top:var(--space-4);padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--radius-3);transition:transform var(--dur-fast) ease}.feature__shot:hover,.feature__shot:focus-visible{transform:translateY(-2px)}.feature__shot img{display:block;width:100%;height:auto}.lightbox{padding:0;border:0;background:transparent;max-width:min(96vw,1500px);max-height:94vh;overflow:visible}.lightbox::backdrop{background:color-mix(in oklab,var(--bg-0) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox[open]{animation:lightbox-in var(--dur-slow) ease-out}@keyframes lightbox-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.lightbox__img{display:block;max-width:min(96vw,1500px);max-height:94vh;width:auto;height:auto}.lightbox__close{position:absolute;top:var(--space-4);right:var(--space-4);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:color-mix(in oklab,var(--bg-0) 75%,transparent);color:var(--ink-1);border:1px solid var(--bg-2)}.lightbox__close svg{width:20px;height:20px}.lightbox__close:hover{background:var(--bg-2)}body:has(.lightbox[open]){overflow:hidden}.features{max-width:62rem;margin-inline:auto;padding:var(--space-12) var(--space-4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.feature{display:flex;gap:var(--space-4);padding:var(--space-6);background:var(--bg-1);border:var(--border);border-radius:var(--radius-3)}.feature--wide{grid-column:1 / -1}.feature__icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--accent)}.feature__icon svg{width:22px;height:22px}.feature__body{min-width:0}.feature h2{margin:0 0 var(--space-2);font-size:var(--fs-5);line-height:1.25}.feature p{margin:0 0 var(--space-2);color:var(--ink-2);line-height:1.6}.feature p:last-child{margin-bottom:0}.feature__note{color:var(--ink-1);font-weight:var(--fw-semibold)}@media(max-width:46rem){.features{grid-template-columns:minmax(0,1fr);padding-block:var(--space-8)}.feature{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}}