: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,.check-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}.check-demo-flow{border-color:var(--line);color:#8e958f}.oven-check{max-width:1160px;margin:0 auto 110px;padding:48px 22px 0;scroll-margin-top:90px}.check-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:32px}.check-heading h2{margin:16px 0 0;font:600 clamp(44px,6vw,78px)/.88 Inter,sans-serif;letter-spacing:-.065em}.check-heading h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1.3px var(--muted)}.check-heading>p{max-width:430px;margin:0 0 4px;color:#89908a;font:11px/1.75 DM Mono}.check-shell{border:1px solid #3b403b;background:#0c0f0d}.check-upload{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 20px;outline:1px dashed #323832;outline-offset:-13px;transition:.2s}.check-upload.dragging{background:#131910;outline-color:var(--acid)}.check-mark{color:var(--acid);font-size:38px;line-height:1;margin-bottom:17px}.check-upload strong{font:500 13px DM Mono;letter-spacing:.08em}.check-upload p{margin:9px 0 22px;color:#697069;font:9px/1.5 DM Mono;text-align:center}.check-upload button,.check-summary button{border:1px solid var(--acid);background:var(--acid);color:#0a0c09;padding:13px 20px;font:600 9px DM Mono;letter-spacing:.08em;cursor:pointer}.check-progress{min-height:0;padding:30px 22px;display:flex;align-items:center;justify-content:center;gap:13px;color:var(--acid);font:10px DM Mono;letter-spacing:.08em;text-align:center}.check-progress i{width:8px;height:8px;border-radius:50%;background:var(--acid);animation:check-pulse .8s ease-in-out infinite alternate}@keyframes check-pulse{to{opacity:.25;transform:scale(.55)}}.check-result{padding:28px}.check-summary{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.score-ring{width:104px;height:104px;border:2px solid var(--acid);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 28px #d6ff450a}.score-ring strong{color:var(--acid);font:500 31px/1 DM Mono}.score-ring span{margin-top:7px;color:#687069;font:7px/1.25 DM Mono;text-align:center;letter-spacing:.08em}.check-verdict>span,.best-moment>span,.main-opportunity>span{color:#687069;font:8px DM Mono;letter-spacing:.12em}.check-verdict h3{margin:7px 0 4px;font:600 clamp(27px,4vw,43px)/1 Inter;letter-spacing:-.05em}.check-verdict p{max-width:440px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#858c86;font:9px DM Mono}#checkAudio{width:100%;height:38px;margin:20px 0 4px;filter:invert(.88) hue-rotate(35deg) saturate(.7)}.check-scores{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:19px;background:var(--line)}.check-scores>div{min-width:0;background:#101310;padding:15px 13px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.check-scores span{overflow:hidden;text-overflow:ellipsis;color:#6d746e;font:7px DM Mono;letter-spacing:.06em;white-space:nowrap}.check-scores b{color:var(--ink);font:500 15px DM Mono}.check-scores i{grid-column:1/-1;height:2px;background:#292e29;overflow:hidden}.check-scores u{display:block;width:0;height:100%;background:var(--acid);transition:width .65s ease}.check-findings{display:grid;grid-template-columns:.72fr 1.28fr;gap:1px;margin-top:1px;background:var(--line)}.check-findings article{background:#0f120f;padding:23px}.check-findings h4{margin:10px 0;font:500 18px/1.25 DM Mono}.best-moment button{margin-top:7px;border:1px solid #465047;background:transparent;color:var(--acid);padding:10px 12px;font:500 8px DM Mono;cursor:pointer}.main-opportunity p{margin:0;color:#7b827c;font:9px/1.6 DM Mono}.check-actions{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:21px}.check-actions a{color:#0a0c09;background:var(--acid);padding:13px 18px;font:600 9px DM Mono;letter-spacing:.08em;text-decoration:none}.check-actions small{color:#5f665f;font:8px/1.5 DM Mono;text-align:right}.showcase{max-width:1160px;margin:0 auto 92px;padding:18px 22px 0}.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.showcase-heading h2{margin:10px 0 0;font:600 clamp(28px,4vw,48px)/1 Inter,sans-serif;letter-spacing:-.055em}.showcase-heading>p{width:min(340px,100%);margin:0;color:#777e78;font:10px/1.6 DM Mono}.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sample-card{min-width:0;border:1px solid var(--line);background:#0c0f0d;padding:14px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:13px;transition:border-color .2s,background .2s}.sample-card.playing{border-color:#65752f;background:#11170e}.sample-art{grid-column:1/-1;height:54px;display:flex;align-items:center;gap:4px;padding:0 2px;border-bottom:1px solid #222722}.sample-art i{flex:1;height:var(--bar,35%);min-height:3px;background:#3f4936;transform-origin:center}.sample-art i:nth-child(3n+1){--bar: 72%}.sample-art i:nth-child(3n+2){--bar: 28%}.sample-art i:nth-child(4n){--bar: 54%}.sample-art i:nth-child(5n){--bar: 88%}.sample-card.playing .sample-art i{background:var(--acid);animation:sample-wave .8s ease-in-out infinite alternate;animation-delay:calc(var(--i, 0) * -70ms)}.sample-art i:nth-child(2n){--i: 2}.sample-art i:nth-child(3n){--i: 4}.sample-art i:nth-child(5n){--i: 6}@keyframes sample-wave{to{transform:scaleY(.42);opacity:.65}}.sample-card h3{margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 11px DM Mono}.sample-card p{margin:0;color:#646b65;font:8px DM Mono;letter-spacing:.06em}.sample-play{width:34px;height:34px;padding-left:4px;border:1px solid #454c45;border-radius:50%;background:transparent;color:#aeb4af;cursor:pointer}.sample-card.playing .sample-play{border-color:var(--acid);background:var(--acid);color:#090b09}@media(max-width:480px){.capture-actions{grid-template-columns:1fr}.flow-insights b{font-size:11px}.showcase-heading{display:block}.showcase-heading>p{margin-top:15px}.sample-grid{grid-template-columns:1fr}.check-result{padding:18px}.check-summary{grid-template-columns:auto 1fr}.check-summary button{grid-column:1/-1}.score-ring{width:84px;height:84px}.score-ring strong{font-size:25px}.check-scores{grid-template-columns:1fr 1fr}.check-findings{grid-template-columns:1fr}.check-actions{align-items:stretch;flex-direction:column}.check-actions small{text-align:left}}@media(max-width:800px){.check-heading{grid-template-columns:1fr;gap:20px}.check-scores{grid-template-columns:repeat(2,1fr)}}@media(min-width:481px)and (max-width:800px){.sample-grid{grid-template-columns:repeat(2,1fr)}}.intro-actions{width:min(520px,100%);margin:25px 0 0 auto;display:flex;gap:9px;flex-wrap:wrap}.intro-actions a{border:1px solid var(--line);color:#929a93;padding:11px 14px;font:500 9px DM Mono;letter-spacing:.07em;text-decoration:none}.intro-actions a:first-child{border-color:var(--acid);background:var(--acid);color:#0a0c09}.intro-actions a:hover{border-color:var(--acid);color:var(--acid)}.intro-actions a:first-child:hover{color:#0a0c09;background:#e5ff8a}.terminal,.oven-check{scroll-margin-top:90px}.terminal{box-shadow:none}.privacy small{display:block;margin-top:6px;color:#555c56;font:inherit;letter-spacing:.04em}.capture-actions .record-flow{background:var(--acid);border-color:var(--acid);color:#0a0c09;font-weight:600}.capture-actions .record-flow:hover{background:#e5ff8a;border-color:#e5ff8a;transform:translateY(-1px)}.capture-actions .record-flow.recording{background:var(--orange);border-color:var(--orange);color:#0a0c09}.capture-actions .record-flow.recording i{background:#0a0c09;box-shadow:none}.capture-actions .upload-flow:hover{border-color:var(--acid);color:var(--acid)}.capture-actions button{transition:background .18s,border-color .18s,color .18s,transform .18s}.flow-capture{border-style:dashed;outline:none;padding:18px;transition:background .18s,border-color .18s}.flow-capture.dragging{background:#131910;border-color:var(--acid)}