:root{--ink:#ecf0ea;--muted:#828983;--acid:#d6ff45;--line:#2b2f2b;--panel:#111411;--bg:#080a09;--orange:#ff7657;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:40px 40px}button,input,select{font:inherit}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;position:sticky;top:0;background:#080a09e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10}.brand{font:500 20px DM Mono,monospace;color:var(--ink);text-decoration:none;letter-spacing:-1px}.brand span{color:var(--acid)}.cursor{animation:blink 1.1s steps(2) infinite}.topbar nav{display:flex;gap:32px;align-items:center}.topbar nav a{font:400 11px DM Mono;color:var(--muted);text-decoration:none;letter-spacing:.08em}.topbar nav a:hover{color:var(--acid)}.topbar .github{border:1px solid var(--line);padding:10px 14px;color:var(--ink)}.system-status{font:10px DM Mono;color:var(--muted);letter-spacing:.08em}.system-status i,.player-footer i{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid);margin-right:8px}main{overflow:hidden}.intro{max-width:1160px;margin:0 auto;padding:100px 22px 62px}.eyebrow,.section-num{font:400 11px DM Mono;color:var(--acid);letter-spacing:.14em}.intro h1,.about h2{font:600 clamp(50px,8vw,112px)/.87 Inter,sans-serif;letter-spacing:-.075em;margin:22px 0}.intro h1 em,.about h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--muted)}.intro p{width:min(520px,100%);margin:0 0 0 auto;color:#a6ada7;font:300 16px/1.7 DM Mono}.terminal{max-width:1160px;margin:0 auto 75px;border:1px solid #3b403b;background:var(--panel);box-shadow:0 28px 80px #0006}.terminal-bar{height:39px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#666d67;font:10px DM Mono;letter-spacing:.08em}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#495049}.window-dots i:first-child{background:var(--orange)}.workspace{display:grid;grid-template-columns:.9fr 1.1fr;min-height:490px}.controls-pane,.player-pane{padding:35px}.controls-pane{border-right:1px solid var(--line)}.command-line{display:flex;gap:12px;border-bottom:1px solid var(--acid);padding:10px 0 14px;font:13px DM Mono}.prompt-mark{color:var(--acid);white-space:nowrap}.command-line input{background:none;border:0;outline:0;color:var(--ink);width:100%;font:13px DM Mono}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.suggestions button{background:none;border:1px solid var(--line);color:#777e78;padding:7px 9px;font:9px DM Mono;cursor:pointer}.suggestions button:hover{color:var(--acid);border-color:var(--acid)}.params{margin:45px 0 36px;display:grid;gap:23px}.params label{display:grid;grid-template-columns:75px 1fr 40px;align-items:center;font:10px DM Mono;color:#929892;letter-spacing:.09em}.params output{grid-column:3;text-align:right;color:var(--ink)}input[type=range]{grid-column:2;width:100%;height:2px;accent-color:var(--acid)}.select-label{grid-template-columns:75px 1fr!important}.select-label select{grid-column:2/4;border:1px solid var(--line);background:#0b0d0c;color:var(--ink);padding:10px;font:11px DM Mono;outline:0}.generate{width:100%;height:52px;border:0;background:var(--acid);color:#0b0d09;font:600 12px DM Mono;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.18s}.generate:hover{background:#e5ff8a;transform:translateY(-2px)}.generate:disabled{opacity:.6;cursor:wait}.generate span{font-size:19px}.generate kbd{font:9px DM Mono;border:1px solid rgba(0,0,0,.3);padding:3px 5px;margin-left:auto;margin-right:12px}.privacy{text-align:center;color:#626863;font:9px DM Mono;margin-top:13px}.privacy span{color:var(--acid)}.player-pane{background:#0c0e0d}.player-heading{display:flex;justify-content:space-between;color:#687069;font:9px DM Mono;letter-spacing:.12em}.player-heading span:last-child{color:var(--acid)}.track-meta{display:flex;align-items:start;justify-content:space-between;margin-top:26px}.track-meta h2{font:500 25px DM Mono;margin:0 0 6px;letter-spacing:-.04em}.track-meta p{font:9px DM Mono;color:#777e78;margin:0;letter-spacing:.1em}.icon-btn{border:1px solid var(--line);color:var(--muted);background:transparent;width:34px;height:34px;cursor:pointer}#visualizer{width:100%;height:145px;display:block;margin:24px 0 13px}.transport{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);padding-top:17px;font:9px DM Mono;color:#6f766f}.transport span:last-child{text-align:right;color:var(--acid)}.transport-buttons{display:flex;align-items:center;gap:12px}.transport button{background:none;border:0;color:#7c837d;cursor:pointer;font-size:14px}.transport .play{background:var(--ink);color:var(--bg);width:38px;height:38px;border-radius:50%;font-size:12px;padding-left:9px}.step-grid{height:38px;display:grid;grid-template-columns:repeat(16,1fr);gap:4px;margin-top:23px}.step{background:#252925;position:relative}.step.on{background:#596740}.step.active{background:var(--acid);box-shadow:0 0 12px #d6ff4559}.player-footer{display:flex;justify-content:space-between;align-items:end;margin-top:24px;font:9px DM Mono;color:#697069}.player-footer button{border:0;border-bottom:1px solid #697069;background:none;color:#a9afa9;font:10px DM Mono;padding:6px 0;cursor:pointer}.ticker{border-block:1px solid var(--line);height:56px;display:flex;align-items:center;justify-content:space-around;gap:30px;white-space:nowrap;font:10px DM Mono;color:#777e78;letter-spacing:.08em}.ticker b{color:var(--acid)}.about{max-width:1160px;margin:0 auto;padding:120px 22px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{font-size:clamp(45px,5vw,72px);margin-top:22px}.steps article{position:relative;border-top:1px solid var(--line);padding:25px 0 28px 70px}.steps article b{position:absolute;left:0;font:10px DM Mono;color:var(--acid)}.steps h3{font:500 14px DM Mono;margin:0 0 10px}.steps p{font:300 12px/1.6 DM Mono;color:#7f867f;max-width:380px;margin:0}footer{height:105px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;color:#5d635e;font:9px DM Mono;letter-spacing:.08em}.toast{position:fixed;right:24px;bottom:24px;background:var(--acid);color:#10120f;font:11px DM Mono;padding:14px 18px;transform:translateY(100px);opacity:0;transition:.3s;z-index:20}.toast.show{transform:none;opacity:1}@keyframes blink{50%{opacity:0}}@media(max-width:800px){.system-status{display:none}.topbar nav a:not(.github){display:none}.intro{padding-top:70px}.workspace{grid-template-columns:1fr}.controls-pane{border-right:0;border-bottom:1px solid var(--line)}.terminal{margin-inline:14px}.about{grid-template-columns:1fr;gap:35px;padding-top:80px}.ticker{justify-content:flex-start;overflow:hidden;padding-left:20px}footer p{display:none}}@media(max-width:480px){.topbar{padding-inline:18px}.intro{padding-inline:20px}.controls-pane,.player-pane{padding:25px 20px}.params label{grid-template-columns:58px 1fr 38px}.suggestions button:last-child{display:none}.track-meta h2{font-size:21px}}