:root{--background: #000;--ink: #0c0b09;--paper: #f3efe7;--accent: #8f00ff;--accent-soft: #8f00ff40;--accent-2: #b57bff;--violet: #4b2ff5;--line: #f3efe724;--soft: #f3efe78c;--softer: #f3efe755;--panel: #0d0a16;--panel-soft: #14101f;--font-display: "Clash Display", "Inter Tight", system-ui, sans-serif;--font-body: "Satoshi", "Inter", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--radius: 14px;--pad: clamp(1.25rem, 4.5vw, 5rem);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.77, 0, .175, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::selection{background:var(--accent);color:var(--paper)}.app{width:100%;padding:0 var(--pad) 5rem}.nav{display:flex;align-items:center;justify-content:space-between;margin-inline:calc(-1 * var(--pad));padding:1.3rem var(--pad);border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--ink) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase}.nav-logo sup{font-size:.55em;color:var(--soft)}.nav-logo .accent{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:.9rem}.nav-clock{font-family:var(--mono);font-size:.72rem;color:var(--soft);letter-spacing:.05em}@media (max-width: 640px){.nav-clock{display:none}}.lang-switch{display:inline-flex;align-items:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--softer)}.lang-switch a{color:var(--softer);text-decoration:none;padding:.15rem .3rem;transition:color .25s var(--ease-out)}.lang-switch a:hover{color:var(--paper)}.lang-switch a.active{color:var(--accent)}.lang-sep{opacity:.45}.seed-switch{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}.seed-switch .option-label{margin-bottom:0}.picker{position:relative}.picker-list{margin-top:.6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);max-height:20rem;overflow-y:auto;overscroll-behavior:contain}.picker-list.tall{max-height:26rem}.picker-item{border-bottom:1px solid var(--line)}.picker-item:last-child{border-bottom:none}.picker-row{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:.9rem;width:100%;padding:.6rem .9rem;border-bottom:1px solid var(--line);transition:background-color .2s var(--ease-out)}.picker-item>.picker-row{border-bottom:none;padding-right:.5rem}.picker-row:last-child{border-bottom:none}.picker-row:hover,.picker-row:focus-visible,.picker-main:hover,.picker-main:focus-visible{background:color-mix(in srgb,var(--paper) 6%,transparent)}.picker-main{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:.9rem;flex:1;min-width:0;padding:.15rem .25rem;border-radius:8px;transition:background-color .2s var(--ease-out)}.picker-embed{display:block;width:100%;border:0;border-radius:12px;margin:0 0 .6rem;padding:0 .9rem;animation:chip-in .3s var(--ease-out)}.picker-embed.seed{margin-top:.8rem;padding:0}.picker-art{flex:none;width:44px;height:44px;border-radius:6px;overflow:hidden;background:var(--panel-soft);border:1px solid var(--line)}.picker-art.round{border-radius:50%}.picker-art.big{width:clamp(72px,8vw,104px);height:clamp(72px,8vw,104px)}.picker-art img{width:100%;height:100%;object-fit:cover;display:block}.picker-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.picker-title{font-family:var(--font-display);font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-sub{font-size:.8rem;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-add{flex:none;font-family:var(--mono);font-size:.85rem;color:var(--softer);transition:color .2s}.picker-row:hover .picker-add{color:var(--accent)}.picker-play{all:unset;box-sizing:border-box;cursor:pointer;flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);font-family:var(--mono);font-size:.72rem;color:var(--soft);transition:all .25s var(--ease-out)}.picker-play:hover,.picker-play:focus-visible{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.picker-play.on{border-color:var(--accent);background:var(--accent);color:var(--paper)}.picker-empty{padding:.9rem;font-family:var(--mono);font-size:.78rem;color:var(--softer);line-height:1.6}.picker-empty.err{color:#ff8fa3}.seed-card{display:flex;align-items:center;gap:1.1rem;padding:1rem 1.2rem;border:1px solid var(--accent);border-radius:var(--radius);background:linear-gradient(135deg,var(--panel),var(--panel-soft));animation:chip-in .35s var(--ease-out)}.seed-kicker{font-family:var(--mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2)}.seed-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.05rem,1.5vw,1.5rem);line-height:1.15}.tips-intro{color:var(--soft);font-size:clamp(.95rem,1.05vw,1.15rem);max-width:62ch;margin-bottom:1.2rem}.tips-area{resize:vertical;min-height:8.5rem;line-height:1.6;font-family:var(--font-body)}.tips-row{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;margin-top:1.1rem}.tips-row .hint{margin-top:0}.kicker{font-family:var(--mono);font-size:clamp(.68rem,.72vw,.95rem);letter-spacing:.22em;text-transform:uppercase;color:var(--soft);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.kicker .star{color:var(--accent)}.hero{position:relative;padding:clamp(3.5rem,8vw,7rem) 0 clamp(2rem,4vw,3.5rem)}.hero:before{content:"";position:absolute;top:-30%;right:-15%;width:58vw;height:58vw;background:radial-gradient(circle,#8f00ff2b 0%,transparent 62%);filter:blur(30px);pointer-events:none;z-index:-1;transform:translate(var(--gx, 0px),var(--gy, 0px));transition:transform .7s var(--ease-out)}.hero h1{font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(3.4rem,13.5vw,26rem);line-height:.84;letter-spacing:-.035em;margin:1rem 0 0}.hero h1 .thin{color:var(--accent);transition:color .4s var(--ease-out)}.hero h1 .thin:hover{color:var(--accent-2)}.hero-foot{display:grid;grid-template-columns:minmax(280px,36em) 1fr auto;align-items:end;gap:2rem;margin-top:clamp(1.6rem,3vw,3rem)}.hero .tagline{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.15rem,1.6vw,1.7rem);line-height:1.45;color:var(--soft)}.hero-scroll{font-family:var(--mono);font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--softer);white-space:nowrap;animation:drift 2.6s var(--ease-inout) infinite}@keyframes drift{50%{transform:translateY(5px)}}@media (max-width: 860px){.hero-foot{grid-template-columns:1fr;gap:1.2rem}.hero-scroll{display:none}}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:.95rem 0;margin:clamp(1.5rem,4vw,3.5rem) calc(50% - 50vw);-webkit-user-select:none;user-select:none}.marquee-track{display:flex;gap:2.6rem;white-space:nowrap;width:max-content;animation:marquee 30s linear infinite;font-family:var(--font-display);font-weight:500;font-size:clamp(.85rem,1.1vw,1.1rem);letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track .star{color:var(--accent)}@keyframes marquee{to{transform:translate(-25%)}}.section{margin-inline:calc(-1 * var(--pad));padding:clamp(2.4rem,5vw,5rem) var(--pad);border-top:1px solid var(--line)}@media (min-width: 1024px){.section{display:grid;grid-template-columns:clamp(230px,24vw,540px) 1fr;gap:clamp(2rem,5vw,7rem);align-items:start}.section-head{position:sticky;top:96px}}.section-head{margin-bottom:1.6rem}.section-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,2.4vw,3.4rem);line-height:1.05;text-transform:uppercase;letter-spacing:-.01em;margin-top:.7rem}.section-title .star{color:var(--accent);font-size:.8em}.section-num{font-family:var(--font-display);font-weight:600;font-size:clamp(5rem,10vw,15rem);line-height:1;margin-top:1.4rem;-webkit-user-select:none;user-select:none}.oc{display:inline-block;color:transparent;-webkit-text-stroke:1px var(--line);transition:color .35s var(--ease-out),-webkit-text-stroke-color .35s var(--ease-out),transform .35s var(--ease-out)}.oc:hover{color:var(--accent-soft);-webkit-text-stroke-color:var(--accent);transform:translateY(-.04em)}@media (max-width: 1023px){.section-num{display:none}}.chip-input-wrap{display:flex;flex-wrap:wrap;gap:.6rem;padding:clamp(.9rem,1.4vw,1.4rem) clamp(1rem,1.6vw,1.6rem);border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--paper) 3%,transparent);transition:border-color .3s var(--ease-out);cursor:text}.chip-input-wrap:focus-within{border-color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent-soft);font-family:var(--font-display);font-weight:500;font-size:clamp(.8rem,.95vw,.95rem);letter-spacing:.08em;text-transform:uppercase;animation:chip-in .35s var(--ease-out)}@keyframes chip-in{0%{opacity:0;transform:translateY(6px) scale(.95)}}.chip button{all:unset;cursor:pointer;color:var(--soft);font-size:.9em;line-height:1;transition:color .2s}.chip button:hover{color:var(--paper)}.chip-input{all:unset;flex:1;min-width:160px;font-family:var(--font-body);font-size:.95rem;color:var(--paper);padding:.3rem 0}.chip-input::placeholder{color:var(--softer)}.suggestions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.suggestion{all:unset;cursor:pointer;padding:.5rem 1.05rem;border-radius:999px;border:1px solid var(--line);font-family:var(--font-display);font-weight:500;font-size:clamp(.74rem,.85vw,.85rem);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);transition:all .25s var(--ease-out)}.suggestion:hover,.suggestion:focus-visible{border-color:var(--accent);color:var(--paper);background:var(--accent-soft);transform:translateY(-2px)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(250px,20vw,400px),1fr));gap:clamp(1.2rem,1.5vw,2rem)}.option-card{border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.4rem;background:color-mix(in srgb,var(--paper) 2.5%,transparent);transition:border-color .3s var(--ease-out)}.option-card:hover{border-color:color-mix(in srgb,var(--paper) 30%,transparent)}.option-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--soft);margin-bottom:.9rem}.segmented{display:flex;gap:.45rem;flex-wrap:wrap}.segment{all:unset;cursor:pointer;padding:.5rem 1.05rem;border-radius:999px;border:1px solid var(--line);font-family:var(--font-display);font-weight:600;font-size:clamp(.85rem,.95vw,1.1rem);letter-spacing:.05em;color:var(--soft);transition:all .25s var(--ease-out)}.segment:hover{color:var(--paper);border-color:var(--soft)}.segment.active{background:var(--paper);color:var(--ink);border-color:var(--paper)}.segment.active-accent{background:var(--accent);color:var(--paper);border-color:var(--accent)}.text-input{all:unset;box-sizing:border-box;width:100%;padding:.65rem .9rem;border:1px solid var(--line);border-radius:10px;font-family:var(--font-body);font-size:.95rem;color:var(--paper);transition:border-color .3s var(--ease-out)}.text-input:focus{border-color:var(--accent)}.text-input::placeholder{color:var(--softer)}.hint{font-size:.78rem;color:var(--softer);margin-top:.6rem;line-height:1.5}.hint a{color:var(--accent-2)}.btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.8rem;border-radius:999px;border:1px solid rgba(243,239,231,.16);font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;transition:all .3s var(--ease-out)}.btn:hover,.btn:focus-visible{border-color:var(--paper);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--paper)}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible{background:var(--violet);border-color:var(--violet);box-shadow:0 0 40px var(--accent-soft)}.btn-paper{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn-ghost{color:var(--soft)}.btn-ghost:hover{color:var(--paper)}.btn-sm{padding:.5rem 1.1rem;font-size:.72rem}.btn-mega{display:flex;width:100%;justify-content:space-between;align-items:center;padding:clamp(1.3rem,2.6vw,2.2rem) clamp(1.4rem,3vw,2.8rem);font-size:clamp(1.15rem,2.4vw,2.4rem);letter-spacing:.02em;border-radius:999px}.btn-mega .arrow{font-family:var(--mono);font-size:.85em;transition:transform .3s var(--ease-out)}.btn-mega:hover:not(:disabled) .arrow{transform:translate(6px,-4px)}.generate-row{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.terminal{margin-top:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.terminal-bar{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--soft)}.terminal-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.terminal-dot.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.terminal-body{padding:1rem 1.2rem;font-family:var(--mono);font-size:clamp(.75rem,.82vw,1rem);line-height:1.8;max-height:clamp(300px,32vh,460px);overflow-y:auto;color:var(--soft)}.terminal-body .ok{color:var(--accent-2)}.terminal-body .err{color:#ff5470}.terminal-body .dim{color:var(--softer)}.result-card{margin-top:1.6rem;border:1px solid var(--accent);border-radius:var(--radius);padding:clamp(1.4rem,3vw,2.6rem);background:linear-gradient(135deg,var(--panel),var(--panel-soft));animation:chip-in .5s var(--ease-out)}.result-top{display:flex;align-items:flex-end;justify-content:space-between;gap:1.4rem;flex-wrap:wrap}.result-card h3{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,2.6vw,2.6rem);text-transform:uppercase;letter-spacing:-.01em;margin:.4rem 0 .2rem}.result-meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}.tracklist{list-style:none;margin:1.6rem 0 0;border-top:1px solid var(--line);max-height:380px;overflow-y:auto}@media (min-width: 1100px){.tracklist{column-count:2;column-gap:clamp(2rem,4vw,4rem);max-height:none;overflow:visible}.tracklist li{break-inside:avoid}}.tracklist li{display:flex;align-items:baseline;gap:.9rem;padding:.55rem .2rem;border-bottom:1px solid var(--line);font-size:clamp(.88rem,.95vw,1.12rem)}.tracklist .num{font-family:var(--mono);font-size:.68rem;color:var(--softer);min-width:2em}.tracklist .artist{color:var(--soft);font-size:.82rem}.tracklist .pop{margin-left:auto;font-family:var(--mono);font-size:.66rem;color:var(--accent-2);white-space:nowrap}.gate{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.4rem,3vw,2.6rem);background:color-mix(in srgb,var(--paper) 2.5%,transparent);max-width:720px}.gate h2{font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(1.4rem,2vw,1.9rem);margin:0 0 1rem}.gate ol{margin:1rem 0 1.4rem 1.2rem;font-size:.9rem;color:var(--soft);display:grid;gap:.5rem}.gate code{font-family:var(--mono);font-size:.8em;background:var(--panel-soft);border:1px solid var(--line);border-radius:6px;padding:.1em .45em;color:var(--accent-2);-webkit-user-select:all;user-select:all;word-break:break-all}.gate a{color:var(--accent-2)}.user-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;border-radius:999px;border:1px solid var(--line);font-family:var(--font-display);font-weight:500;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.user-pill .dot{width:7px;height:7px;border-radius:50%;background:#4ade80}.footer-word{margin-top:clamp(4rem,8vw,8rem);font-family:var(--font-display);font-weight:600;font-size:clamp(3.4rem,13vw,24rem);line-height:.84;letter-spacing:-.035em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.footer{margin-top:1.8rem;margin-inline:calc(-1 * var(--pad));padding:1.6rem var(--pad) 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--softer)}.footer a{color:var(--soft);text-decoration:none}.footer a:hover{color:var(--accent-2)}.error-banner{margin-top:1.2rem;border:1px solid #ff547055;border-radius:var(--radius);padding:.9rem 1.2rem;color:#ff8fa3;font-size:.88rem;background:#ff547010}@media (pointer: fine){*{cursor:none!important}}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;border-radius:50%;background:var(--accent-2);pointer-events:none;z-index:1000;opacity:0;transition:opacity .3s}.cursor-ring{position:fixed;top:0;left:0;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--accent);pointer-events:none;z-index:999;opacity:0;transition:width .3s var(--ease-out),height .3s var(--ease-out),background-color .3s var(--ease-out),opacity .3s}.cursor-dot.on,.cursor-ring.on{opacity:1}.cursor-ring.big{width:64px;height:64px;background:var(--accent-soft)}.cursor-ring.press{width:28px;height:28px}@media (pointer: coarse){.cursor-dot,.cursor-ring{display:none}}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:100;pointer-events:none}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in-view{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.marquee-track,.hero-scroll{animation:none}}.btn-mega{will-change:transform}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--soft)}