:root{--bg: #0c0f10;--surface: #151a1d;--surface-2: #1c2327;--bg-input: #101416;--line: rgba(242, 243, 245, .08);--line-strong: rgba(242, 243, 245, .16);--text: #f2f3f5;--text-muted: #9ba2ad;--text-faint: #7d848f;--accent: #00e5a0;--accent-hover: #52ffc6;--accent-ink: #04120c;--accent-soft: rgba(0, 229, 160, .1);--accent-line: rgba(0, 229, 160, .45);--warm: #ffc93c;--danger: #ff5a5a;--info: #5ab8ff;--cdj-blue: #1f6fe6;--cdj-orange: #f5a524;--cdj-brown: #b36f1c;--cdj-white: #f6efdf;--cdj-red: #e3262e;--radius: 14px;--radius-sm: 8px;--font-display: "Archivo", "Segoe UI", system-ui, sans-serif;--font-body: "Archivo", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;--wide: 118%;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{color-scheme:dark;scrollbar-color:#2b3337 var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}body:before,body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}body:before{background:radial-gradient(ellipse 70% 42% at 50% -8%,rgba(0,229,160,.075),transparent 70%),radial-gradient(ellipse 50% 30% at 85% 0%,rgba(45,92,255,.05),transparent 70%)}body:after{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3{font-family:var(--font-display)}code{font-family:var(--font-mono);font-size:.86em;background:#f2f3f50f;border:1px solid var(--line);border-radius:5px;padding:1px 5px}a{color:var(--accent);text-decoration-color:#00e5a066;text-underline-offset:3px;transition:color .15s var(--ease-out),text-decoration-color .15s var(--ease-out)}a:hover{color:var(--accent-hover);text-decoration-color:currentColor}.app{max-width:1080px;margin:0 auto;padding:0 22px 32px}.main:focus{outline:none}.muted{color:var(--text-muted)}.small{font-size:.88rem}.hash{font-family:var(--font-mono);font-size:.82em;overflow-wrap:anywhere;min-inline-size:0}.icon{flex:none}.icon-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:1px;background:currentColor;box-shadow:0 0 6px currentColor}.feature-index{display:inline-flex;align-items:center;gap:10px;color:var(--text-faint);font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.04em}.feature-index:after{content:"";width:22px;height:1px;background:currentColor;opacity:.7}.topbar{position:sticky;top:0;z-index:50;padding:14px 0 10px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 8px 14px;background:#0c0f1080;border:1px solid transparent;border-radius:14px;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);transition:background .26s var(--ease-out),border-color .26s var(--ease-out),box-shadow .26s var(--ease-out)}.topbar.is-scrolled .topbar-inner{background:#151a1de0;border-color:var(--line);box-shadow:0 12px 32px -12px #0009}.brand{display:flex;align-items:center;min-height:44px;padding:4px 6px;text-decoration:none}.brand-mark{display:block;height:21px;width:auto;transition:opacity .15s var(--ease-out)}.brand:hover .brand-mark{opacity:.8}.nav{display:flex;gap:2px}.nav-button,.tab{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;font-size:.93rem;text-decoration:none;white-space:nowrap;transition:color .15s var(--ease-out)}.nav-button{padding:8px 15px}.nav-button:hover,.tab:hover,.nav-button.active,.tab.active{color:var(--text)}.nav-highlight{position:absolute;inset:0;border-radius:inherit;background:#f2f3f514;box-shadow:inset 0 0 0 1px var(--line)}.nav-label{position:relative}.topbar-actions{display:flex;align-items:center;gap:10px}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s var(--ease-out),border-color .15s var(--ease-out),color .15s var(--ease-out),transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.primary{padding:13px 22px;background:var(--accent);color:var(--accent-ink);border:1px solid transparent}.primary:hover:not(:disabled),a.primary:hover{background:var(--accent-hover);color:var(--accent-ink);transform:translateY(-1px);box-shadow:0 8px 22px -10px #00e5a0cc}.primary:active:not(:disabled){transform:translateY(0) scale(.985)}.primary:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.4)}.primary-sm{padding:9px 16px;min-height:42px;font-size:.92rem}.ghost{padding:12px 20px;background:transparent;color:var(--text);border:1px solid var(--line-strong)}.ghost:hover,a.ghost:hover{color:var(--text);background:#f2f3f50d;border-color:#f2f3f552}.arrow,.arrow-down{transition:transform .24s var(--ease-out)}a:hover>.arrow,.feature-card:hover .arrow{transform:translate(4px)}button:hover>.arrow-down{transform:translateY(3px)}.link{display:inline-flex;align-items:center;gap:4px;padding:8px 6px;background:none;border:none;color:var(--accent);font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;transition:color .15s var(--ease-out)}.link:hover{color:var(--accent-hover)}.link .chevron{transition:transform .24s var(--ease-out)}.link[aria-expanded=true] .chevron{transform:rotate(180deg)}.hero-artist{display:flex;flex-direction:column;justify-content:center;min-height:min(62vh,620px);padding:48px 0 24px;text-align:center}.hero-logo{margin:0 auto;max-width:min(720px,88vw);line-height:0}.hero-logo img{display:block;width:100%;height:auto}.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:44px}.backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.045}.beatgrid{position:fixed;left:0;right:0;z-index:40;height:12px;pointer-events:none;opacity:.45}.beatgrid-top{top:0}.beatgrid-bottom{bottom:0}.backdrop canvas,.beatgrid canvas{display:block;width:100%;height:100%}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin:40px 0 12px}.feature-card{display:flex;flex-direction:column;overflow:hidden;color:var(--text);text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .22s var(--ease-out),transform .32s var(--ease-out)}.feature-card:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-3px)}.feature-media{position:relative;flex:1 0 auto;aspect-ratio:5 / 3;overflow:hidden;border-bottom:1px solid var(--line);background:#000}.feature-shot{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-out)}.feature-card:hover .feature-shot{transform:scale(1.04)}.feature-art{display:flex;justify-content:center;align-items:flex-start;padding:26px 28px 0;background:radial-gradient(ellipse at 50% 120%,rgba(0,229,160,.12),transparent 70%),#0a0d0e}.feature-phone{display:block;width:min(46%,210px);height:auto;border-radius:16px;border:1px solid var(--line-strong);box-shadow:0 18px 40px #0009;transition:transform .7s var(--ease-out)}.feature-card:hover .feature-phone{transform:translateY(-10px)}.feature-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px}.feature-meta{display:flex;align-items:center;gap:12px}.feature-title{margin:4px 0 0;font-stretch:var(--wide);font-size:1.28rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.feature-body .muted{margin:0}.feature-link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:var(--accent);font-weight:600}.page-head{padding:56px 0 24px}.page-head-split{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px}.page-title{margin:12px 0 0;font-stretch:var(--wide);font-size:clamp(2rem,3.4vw + 1rem,3.2rem);font-weight:800;line-height:1.04;letter-spacing:-.025em;text-wrap:balance}.page-sub{margin:14px 0 0;max-width:60ch;font-size:1.05rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;margin-bottom:20px}.card h2{margin-top:0;font-stretch:110%;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.collapse{overflow:hidden}.details{border-top:1px solid var(--line);margin-top:12px;padding-top:14px}.details h3{margin-bottom:6px;font-size:1rem}.compat{display:flex;gap:14px;align-items:flex-start;margin:4px 0 28px;padding:14px 18px;border-radius:var(--radius-sm);border:1px solid rgba(255,201,60,.26);border-left:3px solid var(--warm);background:#ffc93c0f}.compat .icon{color:var(--warm);margin-top:2px}.compat p{margin:0}.showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:18px;margin-bottom:36px}.showcase-card{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .22s var(--ease-out)}.showcase-card:hover{border-color:var(--line-strong)}.shot{position:relative;margin:0;aspect-ratio:5 / 3;overflow:hidden;background:#000;border-bottom:1px solid var(--line)}.shot img{display:block;width:100%;height:100%;object-fit:cover}.shot-thumbs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 0}.shot-thumb{flex:0 0 auto;padding:0;line-height:0;background:#000;border:1px solid var(--line-strong);border-radius:6px;overflow:hidden;cursor:pointer;opacity:.55;transition:opacity .15s var(--ease-out),border-color .15s var(--ease-out),transform .15s var(--ease-out)}.shot-thumb img{width:72px;height:auto}.shot-thumb:hover{opacity:.9;transform:translateY(-1px)}.shot-thumb.active{opacity:1;border-color:var(--accent)}.showcase-body{display:flex;flex:1;flex-direction:column;padding:16px 18px 12px}.showcase-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;font-stretch:var(--wide);font-size:1.1rem;font-weight:700}.showcase-tagline{margin:6px 0 4px}.latest{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.latest-label{margin:0;color:var(--text-faint);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.latest-text{display:-webkit-box;margin:4px 0 0;overflow:hidden;color:var(--text-muted);font-size:.9rem;-webkit-line-clamp:2;-webkit-box-orient:vertical}.showcase-link{align-self:flex-start;min-height:44px;margin-top:auto;padding-top:12px;text-decoration:none}.upcoming{margin:0 0 40px}.section-head{margin-bottom:16px}.section-title{margin:8px 0 4px;font-stretch:var(--wide);font-size:1.35rem;font-weight:700}.section-head p{margin:0}.upcoming-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0;padding:0;list-style:none}.upcoming-card{--stage: var(--text-muted);display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#151a1d99}.upcoming-card.is-development{--stage: var(--info)}.upcoming-card.is-testing{--stage: var(--warm)}.upcoming-name{margin:0;font-stretch:var(--wide);font-size:1.02rem;font-weight:700}.upcoming-summary{flex:1;margin:0;font-size:.9rem}.upcoming-stage{display:flex;align-items:center;gap:10px;margin-top:4px}.stage-meter{display:inline-flex;gap:3px}.stage-meter i{width:18px;height:4px;border-radius:2px;background:var(--line-strong)}.stage-meter i.on{background:var(--stage)}.stage-label{color:var(--stage);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.back-link{display:flex;align-items:center;gap:6px;width:fit-content;min-height:44px;margin-bottom:6px;color:var(--text-muted);font-weight:500;text-decoration:none}.back-link:hover{color:var(--text)}.back-arrow{transform:rotate(180deg);transition:transform .24s var(--ease-out)}.back-link:hover .back-arrow{transform:rotate(180deg) translate(3px)}.mod-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px}.mod-tested{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:.88rem;font-weight:500}.mod-head .page-sub{max-width:70ch;color:var(--text-muted)}.mod-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}.mod-gallery{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.mod-gallery:has(.shot-thumbs){padding-bottom:12px}.mod-facts{margin:20px 0 0;border-top:1px solid var(--line)}.mod-facts>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.mod-facts dt{padding-top:3px;color:var(--text-faint);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.mod-facts dd,.mod-facts .mod-limits{margin:0}.mod-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.card.mod-changelog{margin-bottom:0}.card.mod-changelog h2{margin-bottom:20px}.timeline{margin:0;padding:0;list-style:none}.timeline-entry{position:relative;padding:0 0 22px 26px}.timeline-entry:last-child{padding-bottom:0}.timeline-entry:before{content:"";position:absolute;top:16px;bottom:0;left:4px;width:1px;background:var(--line-strong)}.timeline-entry:last-child:before{display:none}.timeline-entry:after{content:"";position:absolute;top:6px;left:0;width:9px;height:9px;border:1.5px solid var(--line-strong);border-radius:50%;background:var(--surface)}.timeline-entry.is-latest:after{border-color:var(--accent);background:var(--accent);box-shadow:0 0 8px #00e5a080}.timeline-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.timeline-version{font-family:var(--font-mono);font-size:.92rem;font-weight:600}.timeline-date{color:var(--text-muted);font-size:.86rem}.chip.chip-latest{padding:2px 8px;border-color:var(--accent-line);color:var(--accent)}.timeline-changes{margin:8px 0 0;padding-left:1.1rem;list-style:disc;color:var(--text-muted);font-size:.92rem}.timeline-changes li+li{margin-top:4px}.mod-others{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}.mod-others ul{display:flex;flex-wrap:wrap;gap:0 22px;margin:0;padding:0;list-style:none}.mod-others a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--text);font-weight:600;text-decoration:none}.mod-others a:hover{color:var(--accent)}@media (max-width: 900px){.mod-layout{grid-template-columns:1fr}}@media (max-width: 640px){.mod-facts>div{grid-template-columns:1fr;gap:4px}}.tabs{display:flex;gap:2px;margin:8px 0 20px;padding:4px;width:fit-content;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;scroll-margin-top:96px}.tab{padding:8px 18px;font-weight:600;font-size:.92rem}.tabs{position:relative}.tab-highlight{position:absolute;top:4px;bottom:4px;left:0;border-radius:var(--radius-sm);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong),inset 0 -2px 0 var(--accent);transition:transform .34s var(--ease-out),width .34s var(--ease-out)}.version{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;font-weight:500;font-stretch:100%}.badge{position:relative;border-radius:999px;padding:2px 10px 2px 22px;font-family:var(--font-mono);font-size:.68rem;font-weight:600;font-stretch:100%;text-transform:uppercase;letter-spacing:.08em}.badge:before{content:"";position:absolute;left:9px;top:50%;width:6px;height:6px;border-radius:50%;transform:translateY(-50%);background:currentColor;box-shadow:0 0 6px currentColor}.badge-stable{background:#00e5a01a;color:var(--accent);border:1px solid rgba(0,229,160,.35)}.badge-beta{background:#ffc93c1a;color:var(--warm);border:1px solid rgba(255,201,60,.35)}.badge-experimental{background:#ff5a5a1a;color:var(--danger);border:1px solid rgba(255,90,90,.35)}.badge-locked{background:transparent;color:var(--text-muted);border:1px dashed var(--line-strong)}.badge-base{background:#9ba2ad14;color:var(--text-muted);border:1px solid var(--line-strong)}.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong);color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:500;white-space:nowrap}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.stepper{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:4px 0 20px;padding:0}.step{display:flex;align-items:center;gap:12px;flex:1 1 220px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .25s var(--ease-out),background .25s var(--ease-out)}.step-marker{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--surface-2);color:var(--text-muted);font-family:var(--font-mono);font-weight:600;font-size:.8rem;transition:background .25s var(--ease-out),color .25s var(--ease-out)}.step-label{font-size:.92rem;font-weight:500;color:var(--text-muted);transition:color .25s var(--ease-out)}.step.is-current{background:var(--accent-soft);border-color:var(--accent-line)}.step.is-current .step-marker{background:var(--accent);color:var(--accent-ink)}.step.is-current .step-marker:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--accent);animation:cue-pulse 1.6s ease-in-out infinite}@keyframes cue-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:0;transform:scale(1.18)}}.step.is-current .step-label,.step.is-done .step-label{color:var(--text)}.step.is-done .step-marker{background:var(--accent-soft);color:var(--accent)}.step-heading{display:flex;align-items:center;gap:12px;margin-top:0}.step-number{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--radius-sm);border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-stretch:100%;font-size:.92rem;font-weight:600}#step1{scroll-margin-top:110px}.mod-list{display:grid}.mod-row{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 16px;margin:10px 0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.mod-row:hover{border-color:var(--line-strong)}.mod-row.selected{border-color:var(--accent-line);background:var(--accent-soft)}.mod-row input[type=checkbox]{flex:none;width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.mod-row-text{display:flex;flex-direction:column;min-width:0;flex:1}.mod-limits{margin:8px 0 0;padding-left:1.1rem}.mod-limits li+li{margin-top:2px}.restore-line{margin:14px 0 0}.build-result{margin-top:20px;padding-top:4px;border-top:1px solid var(--line)}.base-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:4px 0 6px}.base-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:56px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s var(--ease-out),background .15s var(--ease-out)}.base-option strong{display:inline-flex;align-items:center;gap:8px}.base-option:hover{border-color:var(--line-strong)}.base-option.selected{border-color:var(--accent-line);background:var(--accent-soft);cursor:default}.base-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.base-option.locked{cursor:not-allowed;border-style:dashed;background:transparent}.base-option.locked:hover{border-color:var(--line)}.chip.chip-locked{border-style:dashed;padding:1px 8px;font-size:.66rem}.mod-locked,.mod-locked:hover{cursor:not-allowed;opacity:.6;transform:none}.chip.chip-exp{color:var(--danger);border-color:#ff5a5a73;padding:1px 8px;font-size:.66rem}.mod-fit.mod-fit-base{color:var(--text-muted)}.mod-row.unavailable{cursor:not-allowed;border-style:dashed;background:transparent}.mod-row.unavailable:hover{border-color:var(--line)}.mod-row.unavailable input[type=checkbox]{cursor:not-allowed}.mod-row.unavailable .patch-name,.mod-row.unavailable .mod-row-text>.muted{opacity:.55}.mod-fit{margin-top:2px;color:var(--danger);font-family:var(--font-mono);font-size:.74rem}.chip.chip-danger{color:var(--danger);border-color:#ff5a5a73}.mod-swatch{display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:2px;background:var(--seg);vertical-align:1px}.flash{--flash-stock: repeating-linear-gradient(135deg, #3a4347 0 3px, #2c3438 3px 6px);margin-top:16px;padding:14px 16px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-input);transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.flash.is-over{border-color:#ff5a5a73;background:#ff5a5a0d}.flash-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:10px}.flash-title{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.flash-free{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.85rem;font-weight:600}.flash.is-over .flash-free{color:var(--danger)}.flash-bar{position:relative;display:flex;gap:2px;height:14px}.flash-stock{flex:0 0 22%;border-radius:4px 0 0 4px;background:var(--flash-stock)}.flash-break{flex:0 0 9px;margin:-3px 0;background:linear-gradient(115deg,transparent 0 34%,var(--text-faint) 34% 44%,transparent 44% 56%,var(--text-faint) 56% 66%,transparent 66%)}.flash-room{position:relative;display:flex;flex:1;gap:2px;min-width:0}.flash-seg{flex:1 1 0;min-width:3px;background:var(--seg);transition:flex-grow .34s var(--ease-out)}.flash-seg.is-stock{background:var(--flash-stock)}.flash-seg.is-free{background:#f2f3f50f;box-shadow:inset 0 0 0 1px var(--line)}.flash-room>.flash-seg:last-child{border-radius:0 4px 4px 0}.flash-over{position:absolute;top:-3px;bottom:-3px;right:0;border-left:2px solid var(--danger);background:repeating-linear-gradient(45deg,rgba(255,90,90,.6) 0 3px,transparent 3px 7px);pointer-events:none}.flash-tip{position:absolute;bottom:calc(100% + 8px);z-index:2;padding:4px 9px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:.72rem;white-space:nowrap;transform:translate(-50%);pointer-events:none}.flash-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;list-style:none;color:var(--text-muted);font-size:.84rem}.flash-legend li{display:inline-flex;align-items:center;gap:7px}.flash-key{flex:none;width:10px;height:10px;border-radius:3px;background:var(--seg)}.flash-key.is-stock{background:var(--flash-stock);box-shadow:inset 0 0 0 1px var(--line-strong)}.flash-key.is-free{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}.flash-key.is-over{background:repeating-linear-gradient(45deg,var(--danger) 0 2px,transparent 2px 4px)}.flash-val{color:var(--text);font-family:var(--font-mono);font-size:.78rem}.flash-note{color:var(--text-faint);font-size:.76rem}.flash-numbers{margin:8px 0 0}.patch-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 20px;margin:14px 0;background:var(--bg-input);transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.patch-card:hover{border-color:var(--line-strong)}.patch-card.selected{border-color:var(--accent-line);background:var(--accent-soft)}.patch-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.patch-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:44px;cursor:pointer}.patch-title input[type=radio],.patch-title input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--accent);cursor:pointer}.patch-name{font-family:var(--font-display);font-size:1.02rem;overflow-wrap:anywhere;min-inline-size:0}.patch-summary{margin:8px 0 0}.includes{margin:4px 0 0}.options{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0 4px}.option{display:flex;align-items:center;gap:10px;font-size:.92rem}.option-label{font-weight:500}.option select{background:var(--bg);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px;min-height:44px;font-family:var(--font-body);cursor:pointer;transition:border-color .15s var(--ease-out)}.option select:hover{border-color:var(--accent-line)}.dropzone{display:block;border:1.5px dashed rgba(242,243,245,.2);border-radius:var(--radius);padding:32px;text-align:center;cursor:pointer;background:var(--bg-input);transition:border-color .2s var(--ease-out),background .2s var(--ease-out),transform .2s var(--ease-out)}.dropzone:hover,.dropzone:focus-within{border-color:var(--accent-line);background:#00e5a00a}.dropzone:focus-within{outline:2px solid var(--accent);outline-offset:3px}.dropzone.is-dragging{border-style:solid;border-color:var(--accent);background:var(--accent-soft);transform:scale(1.01)}.dropzone.is-ok{border-style:solid;border-color:var(--accent-line);background:var(--accent-soft)}.dropzone.is-error{border-style:solid;border-color:#ff5a5a8c;background:#ff5a5a0f}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dz-status{display:flex;flex-direction:column;align-items:center;gap:8px}.dz-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}.dz-hint{display:inline-flex;align-items:center;gap:6px;max-width:62ch}.dz-button{display:inline-block;padding:10px 20px;border-radius:var(--radius-sm);background:#f2f3f50f;border:1px solid var(--line-strong);font-weight:600;transition:background .15s var(--ease-out),border-color .15s var(--ease-out)}.dropzone:hover .dz-button{background:var(--accent-soft);border-color:var(--accent-line)}.req-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}.req-list li{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.95rem}.req-list li.is-done{color:var(--accent)}.req-list li.is-error{color:var(--danger)}.ok{color:var(--accent)}.error{color:var(--danger)}.status-box{display:flex;gap:12px;align-items:flex-start;border-radius:var(--radius-sm);padding:14px 18px;margin:14px 0 0;border:1px solid var(--line-strong);background:var(--bg-input);animation:box-in .38s var(--ease-out)}.status-box .icon{margin-top:2px}.status-box p{margin:0 0 6px}.status-box p:last-child{margin-bottom:0}.ok-box{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.error-box{background:#ff5a5a12;border-color:#ff5a5a73;color:var(--danger)}.info-box{background:#5ab8ff12;border-color:#5ab8ff61;color:var(--info)}.progress-box{background:#00e5a00d;border-color:#00e5a04d}@keyframes box-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.progress-track{margin-top:10px;height:6px;border-radius:999px;background:#f2f3f51a;overflow:hidden}.progress-fill{height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--cdj-blue),var(--cdj-orange) 60%,var(--cdj-white));animation:progress-slide 1.3s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(280%)}}.loading-line{display:flex;align-items:center;gap:10px;padding:56px 0}.changelog-entry{margin:12px 0}.changelog-entry ul{margin:6px 0 0;padding-left:20px}.guide-list li{margin:12px 0}.guide-list li::marker{color:var(--text-faint);font-family:var(--font-mono);font-size:.85em}.project-list{display:grid;gap:20px}.project-card{transition:border-color .22s var(--ease-out)}.project-card:hover{border-color:var(--line-strong)}.project-card.has-image{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:32px;align-items:start}.project-media{overflow:hidden;border-radius:18px}.project-image{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line-strong);transition:transform .7s var(--ease-out)}.project-card:hover .project-image{transform:scale(1.03)}.project-text .feature-index{margin-bottom:10px}.project-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.card h2.project-title{margin:0;font-size:1.45rem;font-stretch:var(--wide)}.project-summary{margin:12px 0 8px;font-size:1.05rem}.project-features{margin:0 0 22px;padding-left:1.2rem;color:var(--text-muted)}.project-features li+li{margin-top:4px}.project-features li::marker{color:var(--accent)}.about-hero{display:flex;align-items:center;gap:40px;padding-bottom:36px}.about-portrait{position:relative;display:grid;place-items:center;flex:none;width:200px;height:200px}.about-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 90s linear infinite}.about-photo{display:block;width:150px;height:150px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line-strong),0 18px 40px -14px #000000d9}.about-lead{margin:12px 0 0;color:var(--text);font-size:1.2rem;font-weight:500}.about-intro .artist-links{justify-content:flex-start;margin-top:20px}@media (max-width: 640px){.about-hero{flex-direction:column;gap:20px;text-align:center}.about-intro .artist-links{justify-content:center}}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:18px}.about-card .feature-index{margin-bottom:12px}.about-card p{color:var(--text-muted)}.about-card p:last-child{margin-bottom:0}.dev-note{padding:8px 12px;border:1px dashed rgba(255,201,60,.6);border-radius:var(--radius-sm);color:var(--warm)!important}.about-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0 8px}.artist-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0;padding:0;list-style:none}.footer{margin-top:104px;padding-top:26px;border-top:1px solid var(--line);color:var(--text-muted);font-size:.85rem}.footer-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;margin-bottom:14px}.footer-brand{display:inline-flex;padding:12px 0}.footer-mark{display:block;height:18px;width:auto;opacity:.85}.footer-nav{display:flex;flex-wrap:wrap;gap:0 24px;margin-right:auto;padding-left:12px}.footer-nav a{padding:12px 0;color:var(--text-muted);font-weight:500;text-decoration:none}.footer-nav a:hover{color:var(--text)}.footer-top-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;background:none;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-muted);font:inherit;font-weight:500;cursor:pointer;transition:color .15s var(--ease-out),border-color .15s var(--ease-out)}.footer-top-button:hover{color:var(--text);border-color:#f2f3f552}.footer-top-button .icon{transition:transform .24s var(--ease-out)}.footer-top-button:hover .icon{transform:translateY(-3px)}.footer p{max-width:72ch}.footer-copy{font-family:var(--font-mono);font-size:.76rem;color:var(--text-faint)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:-9999px;top:12px;z-index:100;background:var(--accent);color:var(--accent-ink);padding:12px 20px;border-radius:var(--radius-sm);font-weight:700}.skip-link:focus{left:16px}@media (max-width: 820px){.feature-grid{grid-template-columns:1fr}.feature-media{flex:none}}@media (max-width: 760px){.topbar-inner{flex-wrap:wrap;padding:8px}.topbar .nav{order:3;width:100%}.topbar .nav-button{flex:1;padding:8px 6px}}@media (max-width: 640px){.app{padding:0 14px 28px}.hero-artist{min-height:min(56vh,520px)}.hero-cta{margin-top:32px}.page-head{padding-top:36px}.card{padding:20px 18px}.patch-head,.mod-row{flex-wrap:wrap}.step{flex-basis:100%}.tabs{width:100%}.tab{flex:1;padding:8px 10px}.project-card.has-image{grid-template-columns:1fr;gap:22px}.project-media{max-width:220px;margin:0 auto}.footer-nav{order:3;width:100%;padding-left:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.theme-picker{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.theme-picker-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-weight:600}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:8px}.theme-group-label{grid-column:1 / -1;margin:6px 0 -2px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.theme-group-label:first-child{margin-top:0}.theme-option{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.theme-option:hover{border-color:var(--line-strong)}.theme-option.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-select{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 12px 6px;text-align:left;color:var(--text);background:transparent;border:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;font:inherit}.theme-preview-link{align-self:flex-start;margin:0 12px 10px;font-size:.85rem}.theme-preview{width:min(1100px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:18px;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius)}.theme-preview::backdrop{background:#000000b8}.theme-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.theme-preview-head h3{margin:0}.theme-preview-close{min-height:38px;padding:6px 14px;font-size:.9rem}.theme-preview img{display:block;width:100%;height:auto;border-radius:var(--radius-sm);background:#000}.theme-preview p{margin:10px 0 0}@media (max-width: 560px){.theme-options{grid-template-columns:minmax(0,1fr)}}#root[data-prerendered]{visibility:hidden}