: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}}.mode-tabs [hidden],.controls-pane [hidden],.player-pane [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-picker select{border:1px solid var(--line);background:#0b0d0c;color:var(--acid);padding:7px 9px;font:500 10px DM Mono;letter-spacing:.08em;cursor:pointer;outline:none}.language-picker select:focus-visible{border-color:var(--acid)}.generate .generate-label{font-size:inherit}.privacy span[data-i18n]{color:inherit}.workspace.awaiting-player{grid-template-columns:1fr;min-height:0}.workspace.awaiting-player .controls-pane{width:min(620px,100%);margin:0 auto;border-right:0}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;border:1px solid var(--line);padding:3px}.mode-tabs button{border:0;background:transparent;color:#737a74;font:500 9px DM Mono;padding:10px;letter-spacing:.1em;cursor:pointer}.mode-tabs button.active{background:#252b24;color:var(--acid)}.flow-capture{margin:24px 0 0;border:1px solid #343a34;background:#0c0f0d;padding:18px}.capture-copy{display:grid;gap:5px}.capture-copy strong{font:500 11px DM Mono;letter-spacing:.09em}.capture-copy span{color:#747c75;font:9px/1.5 DM Mono}.capture-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:15px}.capture-actions button,.match-flow{height:39px;border:1px solid #3a403a;background:transparent;color:#a7aea8;font:500 9px DM Mono;letter-spacing:.08em;cursor:pointer}.record-flow{display:flex;align-items:center;justify-content:center;gap:8px}.record-flow i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px #ff765780}.record-flow.recording{border-color:var(--orange);color:var(--orange)}.record-flow.recording i{animation:blink .65s steps(2) infinite}.flow-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:14px;background:var(--line)}.flow-insights span{display:grid;gap:4px;background:#101310;padding:10px 7px;color:#697069;font:8px DM Mono;text-align:center}.flow-insights b{color:var(--acid);font:500 13px DM Mono}.match-flow{width:100%;margin-top:10px;background:var(--acid);border-color:var(--acid);color:#0a0c09}.match-flow+.generate{margin-top:9px}.match-flow:disabled,.finish-flow:disabled{opacity:.5;cursor:wait}.generate.working,.match-flow.working,.finish-flow.working{opacity:1;animation:hq-pulse 1.4s ease-in-out infinite}.finish-flow.working{background:#d6ff450f}@keyframes hq-pulse{50%{box-shadow:0 0 0 3px #d6ff4514,0 0 18px #d6ff451f;filter:brightness(.88)}}.params{margin-top:28px}.pocket-choices{display:grid;gap:6px;margin-top:18px}.pocket-choices>button{display:grid;grid-template-columns:27px 1fr auto;align-items:center;text-align:left;border:1px solid var(--line);background:#101310;color:#7d847e;padding:10px;cursor:pointer}.pocket-choices>button b{font:9px DM Mono;color:#515752}.pocket-choices>button span{font:500 10px DM Mono;color:#b0b6b1}.pocket-choices>button small{display:block;margin-top:3px;color:#5f665f;font:7px DM Mono}.pocket-choices>button em{font: 8px DM Mono;color:#676e68}.pocket-choices>button.ready em{color:var(--acid)}.pocket-choices>button.selected{border-color:var(--acid);background:#182015}.pocket-choices>button:disabled{cursor:wait}.finish-flow{width:100%;height:42px;margin-top:9px;border:1px solid var(--acid);background:transparent;color:var(--acid);font:500 9px DM Mono;letter-spacing:.09em;cursor:pointer}.play-hq-flow{width:100%;height:42px;margin-top:7px;border:1px solid var(--line);background:transparent;color:#8e958f;font:500 9px DM Mono;letter-spacing:.09em;cursor:pointer}.make-demo-flow,.play-demo-flow{width:100%;height:42px;margin-top:7px;border:1px solid var(--acid);background:transparent;color:var(--acid);font:500 9px DM Mono;letter-spacing:.09em;cursor:pointer}.play-hq-flow.active,.play-demo-flow.active{border-color:var(--acid);background:var(--acid);color:#0a0c09;font-weight:600}.make-demo-flow:disabled{cursor:wait;opacity:1;animation:hq-pulse 1.4s ease-in-out infinite}@media(max-width:480px){.capture-actions{grid-template-columns:1fr}.flow-insights b{font-size:11px}}