:root{--bg-0: #0e1116;--bg-1: #161b22;--bg-2: #1f2630;--ink-1: #e8eaed;--ink-2: #8b949e;--accent: #f5a623;--accent-buy: #e8590c;--ok: #3fb950;--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;--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;--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}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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.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__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__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{padding:var(--space-2) var(--space-4);background:var(--accent-buy);color:var(--ink-1);border-radius:var(--radius-2);font-weight:var(--fw-semibold);font-family:var(--font-mono);white-space:nowrap}.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-group--compact{display:inline-flex;align-items:center;gap:var(--space-1)}.bdj-buy-button--compact{display:inline-flex;align-items:center;justify-content:center;width:1.75em;height:1.75em;padding: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-buy-button__price{font-size:var(--fs-2);color:var(--ink-1)}.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:4em;background:var(--bg-1);border:var(--border);border-radius:var(--radius-1);padding:var(--space-1)}.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;background:var(--bg-1);border:var(--border);border-radius:var(--radius-1);padding:var(--space-1)}.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:1fr 2fr 1fr;align-items:center;gap:var(--space-4);height:72px;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);overflow:hidden}.bdj-player-bar__art{width:48px;height:48px;border-radius:var(--radius-1);object-fit:cover}.bdj-player-bar__art--placeholder{background:var(--bg-2)}.bdj-player-bar__title{display:block;font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdj-player-bar__release{display:block;color:var(--ink-2);font-size:var(--fs-2)}.bdj-player-bar__art-link{display:block;flex:none;line-height:0;border-radius:var(--radius-1)}.bdj-player-bar__meta{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.bdj-player-bar__artist{display:block;color:var(--ink-2);font-size:var(--fs-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdj-player-bar__artist:hover{color:var(--ink-1)}.bdj-player-bar__transport{display:flex;align-items:center;gap:var(--space-2)}.bdj-player-bar__seek{flex:1;accent-color:var(--accent);transition:none}.bdj-player-bar__time{color:var(--ink-2);font-size:var(--fs-1)}.bdj-player-bar__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.bdj-player-bar__history-slot,.bdj-player-bar__similar-slot{position:relative}.bdj-player-bar__mute[aria-pressed=true]{color:var(--ink-2)}.bdj-player-bar__save[aria-pressed=true]{color:var(--accent)}.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;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}.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__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-track-list__load-more{justify-self:center;margin:var(--space-4) 0}.bdj-player-bar__actions .bdj-buy-button-group{flex-direction:row;align-items:center}.bdj-toasts{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:var(--z-dialog);display:flex;flex-direction:column;gap:var(--space-2);width:320px;max-width:calc(100vw - var(--space-8))}.bdj-toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-1);border:var(--border);border-left:3px solid var(--ink-2);border-radius:var(--radius-2);font-size:var(--fs-3);color:var(--ink-1)}.bdj-toast[data-tone=ok]{border-left-color:var(--ok)}.bdj-toast[data-tone=info]{border-left-color:var(--accent)}.bdj-toast[data-tone=warn]{border-left-color:var(--warn)}.bdj-toast[data-tone=err]{border-left-color:var(--err)}.bdj-toast button{color:var(--ink-2);flex-shrink:0}.bdj-toast button:hover{color:var(--ink-1)}.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:4em;padding:var(--space-1) var(--space-2);background:var(--bg-1);border:var(--border);border-radius:var(--radius-1);color:var(--ink-1);font:inherit}.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)}.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)}.wordmark{height:72px;width:auto}.wordmark--sm{height:20px}.wordmark__text{font-family:var(--font-ui);font-weight:var(--fw-black);font-size:72px;letter-spacing:-.03em;fill:var(--ink-1)}.wordmark--sm .wordmark__text{font-size:20px}.wordmark__block{fill:var(--accent);font-size:.55em}.hero__subline{margin:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-size:var(--fs-2)}.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}.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{font-size:var(--fs-3);color:var(--ink-2);text-align:left}.code-form__row{display:flex;gap:var(--space-2);flex-wrap:wrap}.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}.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__row{flex-direction:column}.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)}.site-footer p{margin:0}.site-footer a{color:var(--ink-2);text-decoration:underline}