:root{--ground:#181715;--surface:#211f1c;--surface-raised:#2a2824;--surface-sunken:#121110;--line:#33302b;--line-strong:#4a463f;--ink:#f3f1ea;--ink-muted:#a39f96;--ink-faint:#6b675f;--cue:#ffb454;--cue-ink:#ffc270;--cue-soft:#3d2c12;--on-cue:#1a1206;--good:#3fd1b4;--good-soft:#123129;--danger:#ff7272;--danger-soft:#3b1816;--on-danger:#1a0606;--warn:var(--cue-ink);--focus-ring:#7fb4ff;--overlay:#0f0e0ccc;--stamp-like:var(--cue);--stamp-skip:#f3f1ea;--beatport:#00c271;--bandcamp:#23687b;--soundcloud:#f50;--spotify:#1db954;--discord:#7289da;--youtube:#c4302b;--key-1:#7de8da;--key-2:#78e2a5;--key-3:#83e07b;--key-4:#b2e170;--key-5:#e9e567;--key-6:#f3b268;--key-7:#f48b7b;--key-8:#f288ab;--key-9:#eb8ee3;--key-10:#c294f0;--key-11:#9199f3;--key-12:#75bdf0;--shadow-deck:0 24px 48px -12px #000000b3, 0 0 0 1px #ffffff12;--shadow-sheet:0 -8px 32px #0009;--shadow-card:0 8px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--control-sm:36px;--control-md:44px;--control-lg:52px;--swipe-action:56px;--swipe-action-lg:72px;--art-row:44px;--deck-width:400px;--bp-phone-max:768px;--bp-desktop-min:1200px;--sidebar-width:240px;--rail-width:72px;--tabbar-height:80px;--panel-width:320px;--content-max:1120px;--font-display:"Garuh", "Archivo", system-ui, sans-serif;--font-sans:"Archivo", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"Martian Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}
.g-body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:22px}.g-display{font-family:var(--font-display);letter-spacing:0;text-wrap:balance;font-weight:600}.g-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.g-muted{color:var(--ink-muted)}.g-label{font:600 11px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.g-caption{font:400 12px/16px var(--font-sans);color:var(--ink-muted)}.g-icon{flex:none;width:20px;height:20px}:where(.g-btn,.g-chip,.g-seg__item,.g-swipe__btn,.g-toggle,.g-tabbar__item,.g-sidenav__item,.g-list__item,.g-plan,.g-source,.g-row,.g-deck__play,.g-wave):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.g-field:focus-within{border-color:var(--focus-ring)}.g-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--ink);font:600 15px/20px var(--font-sans);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:1.5px solid #0000;text-decoration:none;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.g-btn:active{transform:translateY(1px)}.g-btn svg{flex:none;width:20px;height:20px}.g-btn--primary{background:var(--cue);border-color:var(--cue);color:var(--on-cue)}.g-btn--primary:hover{background:color-mix(in srgb,var(--cue) 86%,var(--ink))}.g-btn--secondary{border-color:var(--line-strong);color:var(--ink)}.g-btn--secondary:hover{background:var(--surface-raised)}.g-btn--ghost{color:var(--ink)}.g-btn--ghost:hover{background:var(--surface-raised)}.g-btn--quiet{color:var(--ink-muted);text-underline-offset:3px;font-weight:500;text-decoration:underline}.g-btn--quiet:hover{color:var(--ink)}.g-btn--danger{color:var(--danger);border-color:var(--line-strong)}.g-btn--danger:hover{background:var(--danger-soft)}.g-btn--sm{min-height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:13px}.g-btn--sm svg{width:18px;height:18px}.g-btn--lg{min-height:var(--control-lg);padding:0 var(--space-6);font-size:16px}.g-btn--icon{width:var(--control-md);padding:0}.g-btn--icon.g-btn--sm{width:var(--control-sm)}.g-btn--icon.g-btn--lg{width:var(--control-lg)}.g-btn--block{width:100%;display:flex}.g-btn[disabled],.g-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.g-key{border-radius:var(--radius-xs);min-width:32px;height:22px;font:600 12px/16px var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--k,var(--ink-muted));background:color-mix(in srgb,var(--k,var(--ink-muted)) 16%,transparent);box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.g-key--1{--k:var(--key-1)}.g-key--2{--k:var(--key-2)}.g-key--3{--k:var(--key-3)}.g-key--4{--k:var(--key-4)}.g-key--5{--k:var(--key-5)}.g-key--6{--k:var(--key-6)}.g-key--7{--k:var(--key-7)}.g-key--8{--k:var(--key-8)}.g-key--9{--k:var(--key-9)}.g-key--10{--k:var(--key-10)}.g-key--11{--k:var(--key-11)}.g-key--12{--k:var(--key-12)}.g-key--solid{background:var(--surface-raised);box-shadow:0 0 0 1px var(--line)}.g-readout{font:500 12px/16px var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink-muted);white-space:nowrap}.g-readout--ink{color:var(--ink)}.g-readout--cue{color:var(--cue-ink)}.g-readout--lg{color:var(--ink);font-size:22px;font-weight:600;line-height:26px}.g-tag{border-radius:var(--radius-pill);height:20px;font:600 11px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-sizing:border-box;color:var(--ink-muted);background:var(--surface-sunken);align-items:center;gap:4px;padding:0 8px;display:inline-flex}.g-tag svg{flex:none;width:12px;height:12px}.g-tag--premium{background:var(--cue);color:var(--on-cue)}.g-tag--cue{background:var(--cue-soft);color:var(--cue-ink)}.g-tag--good{background:var(--good-soft);color:var(--good)}.g-tag--danger{background:var(--danger-soft);color:var(--danger)}.g-tag--outline{box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.g-tag--lock{background:var(--cue-soft);width:22px;height:22px;color:var(--cue-ink);border-radius:50%;justify-content:center;padding:0}.g-tag--lock svg{width:12px;height:12px}.g-tag--count{background:var(--cue);min-width:18px;height:18px;color:var(--on-cue);font:600 11px/16px var(--font-mono);letter-spacing:0;text-transform:none;justify-content:center;padding:0 5px}.g-sleeve{background:color-mix(in srgb,var(--k,var(--ink-muted)) 30%,var(--surface-sunken));flex:none;position:relative;overflow:hidden}.g-sleeve:before{content:"";background:color-mix(in srgb,var(--k,var(--ink-muted)) 22%,var(--ground));border-radius:50%;position:absolute;inset:12%}.g-sleeve:after{content:"";background:color-mix(in srgb,var(--k,var(--ink-muted)) 70%,var(--surface-sunken));border-radius:50%;position:absolute;inset:38%}.g-row{grid-template-columns:var(--art-row) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:60px;padding:var(--space-2) 0;border-top:1px solid var(--line);color:inherit;box-sizing:border-box;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0;text-decoration:none;display:grid}.g-row:first-child{border-top:0}.g-row--handle{grid-template-columns:16px var(--art-row) minmax(0,1fr) auto}.g-row__handle{color:var(--ink-faint);cursor:grab;display:flex}.g-row__handle svg{width:16px;height:16px}.g-row__art{width:var(--art-row);height:var(--art-row);border-radius:var(--radius-sm);background:var(--surface-sunken);object-fit:cover;flex:none;overflow:hidden}.g-row__text{flex-direction:column;min-width:0;display:flex}.g-row__title{font:600 15px/20px var(--font-sans);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.g-row__sub{font:400 13px/18px var(--font-sans);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.g-row__meta{align-items:center;gap:var(--space-2);display:flex}.g-row.is-current{background:var(--cue-soft);border-radius:var(--radius-md);padding:var(--space-2);margin:0 calc(-1 * var(--space-2));width:calc(100% + 2 * var(--space-2));border-top-color:#0000}.g-row.is-current+.g-row{border-top-color:#0000}.g-row.is-current .g-row__title{color:var(--cue-ink)}.g-rows{flex-direction:column;display:flex}.g-wave{cursor:pointer;background:0 0;border:0;align-items:flex-end;gap:2px;width:100%;height:32px;padding:0;display:flex}.g-wave>i{background:var(--line-strong);border-radius:1px;flex:1 1 0;min-width:2px;display:block}.g-wave>i.is-played{background:var(--cue)}.g-wave--lg{gap:3px;height:48px}.g-deck{width:var(--deck-width);border-radius:var(--radius-xl);background:var(--surface-raised);max-width:100%;box-shadow:var(--shadow-deck);box-sizing:border-box;color:var(--ink);position:relative;overflow:hidden}.g-deck__art{aspect-ratio:1;background:var(--surface-sunken);position:relative;overflow:hidden}.g-deck__art>img{object-fit:cover;width:100%;height:100%;display:block}.g-deck__art>.g-sleeve{position:absolute;inset:0}.g-deck__tags{left:var(--space-3);top:var(--space-3);gap:6px;display:flex;position:absolute}.g-deck__play{background:var(--ground);width:64px;height:64px;color:var(--ink);opacity:.92;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;margin:-32px 0 0 -32px;padding:0;display:flex;position:absolute;top:50%;left:50%}.g-deck__play svg{width:26px;height:26px;margin-left:3px}.g-deck__body{gap:var(--space-2);padding:var(--space-3) var(--space-5) var(--space-5);flex-direction:column;display:flex}.g-deck__title{font:600 17px/22px var(--font-sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.g-deck__artist{font:400 14px/20px var(--font-sans);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.g-deck__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.g-deck__stamp{top:var(--space-6);border-radius:var(--radius-sm);font:600 24px/28px var(--font-display);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:color-mix(in srgb,var(--ground) 55%,transparent);border:3px solid;padding:2px 12px;position:absolute}.g-deck__stamp--like{left:var(--space-6);color:var(--stamp-like);transform:rotate(-14deg)}.g-deck__stamp--skip{right:var(--space-6);color:var(--stamp-skip);transform:rotate(14deg)}.g-deck--tilt{transform:rotate(-5deg)translate(24px)}.g-swipe{justify-content:center;align-items:flex-start;gap:var(--space-4);display:flex}.g-swipe__item{flex-direction:column;align-items:center;gap:6px;display:flex}.g-swipe__btn{width:var(--swipe-action);height:var(--swipe-action);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform 80ms,background .15s;display:inline-flex}.g-swipe__btn:hover{background:var(--surface-raised)}.g-swipe__btn:active{transform:scale(.94)}.g-swipe__btn svg{width:22px;height:22px}.g-swipe__btn--main{width:var(--swipe-action-lg);height:var(--swipe-action-lg)}.g-swipe__btn--main svg{width:30px;height:30px}.g-swipe__btn--like{background:var(--cue);border-color:var(--cue);color:var(--on-cue)}.g-swipe__btn--like:hover{background:color-mix(in srgb,var(--cue) 86%,var(--ink))}.g-swipe__btn--muted{color:var(--ink-muted)}.g-source{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);color:var(--ink);box-sizing:border-box;cursor:pointer;font:inherit;text-align:left;grid-template-columns:40px minmax(0,1fr) auto;width:100%;text-decoration:none;transition:border-color .15s,background .15s;display:grid;position:relative}.g-source:hover{border-color:var(--line-strong);background:var(--surface-raised)}.g-source__icon{border-radius:var(--radius-sm);background:var(--p,var(--surface-sunken));width:40px;height:40px;color:var(--pi,var(--ink));flex:none;justify-content:center;align-items:center;display:flex}.g-source__icon svg{width:22px;height:22px}.g-source--beatport{--p:var(--beatport);--pi:var(--on-cue)}.g-source--bandcamp{--p:var(--bandcamp);--pi:#fff}.g-source--soundcloud{--p:var(--soundcloud);--pi:var(--on-cue)}.g-source--spotify{--p:var(--spotify);--pi:var(--on-cue)}.g-source--discord{--p:var(--discord);--pi:#fff}.g-source--youtube{--p:var(--youtube);--pi:#fff}.g-source__text{flex-direction:column;gap:2px;min-width:0;display:flex}.g-source__title{font:600 15px/20px var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.g-source__sub{font:400 13px/18px var(--font-sans);color:var(--ink-muted)}.g-source__end{align-items:center;gap:var(--space-2);color:var(--ink-muted);display:flex}.g-source__end svg{width:20px;height:20px}.g-source--hero{background:var(--cue);color:var(--on-cue);border-color:var(--cue);padding:var(--space-5);grid-template-columns:minmax(0,1fr) auto}.g-source--hero:hover{background:color-mix(in srgb,var(--cue) 86%,var(--ink));border-color:#0000}.g-source--hero .g-source__title{white-space:normal;font-size:18px;line-height:24px}.g-source--hero .g-source__sub,.g-source--hero .g-source__end{color:color-mix(in srgb,var(--on-cue) 78%,var(--cue))}.g-field{align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--surface-sunken);color:var(--ink);box-sizing:border-box;width:100%;display:flex}.g-field svg{width:20px;height:20px;color:var(--ink-muted);flex:none}.g-field input,.g-field select{min-width:0;color:inherit;font:400 15px/20px var(--font-sans);appearance:none;background:0 0;border:0;outline:none;flex:auto;padding:0}.g-field input::placeholder{color:var(--ink-faint)}.g-field--sm{min-height:var(--control-sm);border-radius:var(--radius-sm)}.g-field__label{font:500 13px/18px var(--font-sans);color:var(--ink-muted);flex:none}.g-kbd{border-radius:var(--radius-xs);border:1px solid var(--line-strong);height:20px;color:var(--ink-muted);font:500 11px/16px var(--font-mono);flex:none;align-items:center;padding:0 6px;display:inline-flex}.g-fields{gap:var(--space-2);flex-direction:column;display:flex}.g-fields>label{font:500 13px/18px var(--font-sans);color:var(--ink-muted)}.g-plan{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;box-sizing:border-box;width:100%;font:inherit;display:flex}.g-plan.is-on{border-color:var(--cue);background:var(--cue-soft)}.g-plan__radio{border:2px solid var(--line-strong);box-sizing:border-box;background:var(--surface);border-radius:50%;flex:none;width:20px;height:20px}.g-plan.is-on .g-plan__radio{border-color:var(--cue);border-width:6px}.g-plan__text{flex-direction:column;flex:auto;min-width:0;display:flex}.g-plan__name{font:600 15px/20px var(--font-sans);align-items:center;gap:var(--space-2);display:flex}.g-plan__sub{font:400 12px/16px var(--font-sans);color:var(--ink-muted)}.g-plan__price{font:600 16px/20px var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;flex:none}.g-plan__per{font:400 11px/14px var(--font-sans);color:var(--ink-muted);display:block}.g-logo{align-items:center;gap:calc(var(--logo-size,28px) * .36);color:var(--ink);--logo-size:28px;text-decoration:none;display:inline-flex}.g-logo__mark{height:var(--logo-size);width:calc(var(--logo-size) * 237 / 204);flex:none;display:inline-flex}.g-logo__mark svg{width:100%;height:100%;display:block}.g-logo__mark--light,[data-theme=light] .g-logo__mark--dark{display:none}[data-theme=light] .g-logo__mark--light{display:inline-flex}.g-logo__word{font-family:var(--font-display);font-weight:600;font-size:calc(var(--logo-size) * .6);letter-spacing:-.01em;white-space:nowrap;line-height:1}@media (prefers-reduced-motion:reduce){.g-btn,.g-swipe__btn,.g-source{transition:none}}
@font-face{font-family:Garuh;src:url(/fonts/Garuh-Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+20-3F,U+41-5F,U+61-7A}@font-face{font-family:Archivo;src:url(/fonts/Archivo-latin.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap;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:Archivo;src:url(/fonts/Archivo-latin-ext.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;src:url(/fonts/MartianMono-latin.woff2)format("woff2-variations");font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+??,U+2000-206F,U+2190-2193,U+20AC}*,:before,:after{box-sizing:border-box}html{background:var(--ground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font:400 17px/26px var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}img,svg,video{max-width:100%;display:block}a{color:inherit}p,h1,h2,h3{margin:0}button{font:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.skip{left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--ink);color:var(--ground);position:absolute;top:-100px}.skip:focus{top:var(--space-4)}.brand-mark{width:16px;height:16px;-webkit-mask:var(--mask) center / contain no-repeat;-webkit-mask:var(--mask) center / contain no-repeat;mask:var(--mask) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}@media (min-width:768px){.wrap{padding:0 40px}}.section{padding-block:clamp(80px,11vw,152px)}.display{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:600}.h1{font-size:clamp(46px,7.4vw,92px);line-height:.96}.h2{font-size:clamp(34px,4.6vw,58px);line-height:1}.lead{max-width:34ch;color:var(--ink-muted);text-wrap:pretty;font-size:clamp(18px,1.6vw,21px);line-height:1.45}.lead strong{color:var(--ink);font-weight:600}.body{max-width:44ch;color:var(--ink-muted);text-wrap:pretty}.body strong{color:var(--ink);font-weight:600}.cue{color:var(--cue)}[data-placeholder=dev]{outline:1.5px dashed var(--danger);outline-offset:6px;position:relative}[data-placeholder=dev]:before{content:"placeholder";font:600 10px/14px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--danger);position:absolute;top:-22px;right:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}