:root{color-scheme:dark;--bg:#0b0d10;--panel:#13161b;--line:#282c33;--text:#f3f3ed;--muted:#90969e;--lime:#c9f66d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:240px;padding:30px 24px;border-right:1px solid var(--line);background:#101216;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.brand{font-size:29px;font-weight:760;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.brand-mark{background:var(--lime);color:#111;font-size:25px;line-height:36px;text-align:center;border-radius:10px;width:36px;letter-spacing:-3px;padding-right:3px}.dot{color:var(--lime);margin-left:-9px}.aside-label,.eyebrow,.crumb{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted)}.aside-label{margin:50px 0 18px}nav{display:grid;gap:7px}nav a{border-radius:8px;padding:10px 14px;color:var(--muted)}nav a:hover,nav a.active{color:var(--text);background:#21251c}nav a.active{color:var(--lime)}.side-bottom{margin-top:auto;font-size:12px;color:var(--muted)}.side-bottom p{margin-top:3px}.side-bottom a{display:block;margin-top:26px;color:#cbd0d4}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px}main{margin-left:240px;padding:0 46px;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}header>div{display:flex;gap:18px;align-items:center}#connection{font-size:12px;color:var(--muted)}button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:11px 17px;transition:background .15s}button:disabled{opacity:.4;cursor:default}.primary{background:var(--lime);color:#182111;font-weight:680;display:inline-flex;align-items:center;gap:26px}.primary:hover{background:#d9ff96}.quiet{background:#1b1e23;color:#e5e7e8;border:1px solid var(--line)}.quiet:hover{background:#262b31}.link{background:none;color:var(--lime);padding:8px 0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:55px 0 40px}.eyebrow{color:var(--lime)}h1{font-size:clamp(44px,5.2vw,78px);line-height:1.02;letter-spacing:-4px;margin:19px 0 22px;font-weight:630}h1 em{font-style:normal;color:var(--lime)}p{color:var(--muted)}.hero p{font-size:15px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.hint{font-size:11px!important;color:#818991}.scope-card{background:linear-gradient(145deg,#182018,#12161a);border:1px solid #35422b;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0004}.scope-top,.scope-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px;font:10px/1.4 ui-monospace,monospace;color:#97a587;letter-spacing:1px}.scope-top{border-bottom:1px solid #2b3429}.scope-bottom{background:#151a15}canvas{width:100%;height:180px;display:block}.boundary{display:flex;align-items:center;gap:20px;padding:20px 24px;border:1px solid #343d29;background:#171d13;border-radius:12px}.boundary-icon{font-size:27px;color:var(--lime)}.boundary strong{font-size:14px}.boundary p{font-size:12px;margin:5px 0 0;max-width:760px;color:#a3ad99}.pill{display:inline-block;white-space:nowrap;font:9px/1.4 ui-monospace,monospace;letter-spacing:1px;border:1px solid #48523d;color:#b3c79c;padding:7px 10px;border-radius:5px}.status{font-size:12px;min-height:20px;margin:14px 0;color:#b7c3a7}section{padding:25px 0;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:26px;line-height:1.3;letter-spacing:-.7px;font-weight:580;margin:6px 0}h3{font-size:15px;font-weight:600}.recipes{display:flex;gap:8px;overflow:auto;padding-bottom:18px}.recipe{white-space:nowrap;display:flex;align-items:center;gap:9px}.recipe.selected{border-color:var(--lime);color:var(--lime);background:#1d2619}.studio-grid{display:grid;grid-template-columns:1fr 290px;gap:20px}.knobs-panel,.save-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}.control label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c4c8ce}.control output{font:11px ui-monospace,monospace;color:var(--lime)}input[type=range]{appearance:none;width:100%;height:3px;background:#353b42;border-radius:2px;accent-color:var(--lime);margin-top:18px}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:var(--lime);border-radius:50%}.save-panel h3{font-size:21px;margin:12px 0 20px}.save-panel label{font-size:11px;color:var(--muted);display:block}input[type=text],input:not([type]){width:100%;background:#0e1115;color:white;border:1px solid #30363c;border-radius:7px;padding:12px;font:inherit;margin:8px 0 12px}.full{width:100%;justify-content:space-between;margin-top:10px}.primary.full span{font-size:10px;letter-spacing:1px}.saved{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.saved button{font-size:11px;padding:5px 10px}.takes{display:grid;gap:12px}.take{background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:10px;display:flex;align-items:center;gap:14px}.take audio{flex:1;min-width:100px;height:36px}.take span{font-size:12px;min-width:90px}.take a{font-size:12px;color:var(--lime)}.empty{padding:30px;border:1px dashed #323943;border-radius:10px;font-size:13px;color:var(--muted)}.neural-card{margin:24px 0;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:20px;padding:32px;background:radial-gradient(ellipse at 85% 50%,#242c1c,#15181b 75%);border:1px solid var(--line);border-radius:14px}.neural-card p{font-size:13px;max-width:650px}.orb{width:165px;height:165px;border:1px solid #73865c;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 45px #a2d06b22,0 0 30px #88a65811}.orb span{font-size:80px;color:var(--lime)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.help-grid article{border-top:1px solid var(--line);padding-top:5px}.help-grid p{font-size:13px}footer{margin-top:30px;border-top:1px solid var(--line);padding:28px 0 36px;display:flex;gap:20px;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}footer .brand{font-size:22px}@media(max-width:1100px){aside{width:190px;padding:26px 16px}main{margin-left:190px;padding:0 26px}.hero{gap:22px}.studio-grid{grid-template-columns:1fr 250px}.boundary>.pill{display:none}}@media(max-width:800px){aside{position:static;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}.aside-label,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:14px;font-size:12px;gap:1px}nav a{white-space:nowrap;padding:7px 12px}main{margin:0;padding:0 20px}header{padding:18px 0}.crumb{display:none}.hero{grid-template-columns:1fr;padding:35px 0}.scope-card{max-width:none}.studio-grid{grid-template-columns:1fr}.controls{gap:24px}.neural-card{grid-template-columns:1fr}.orb{display:none}.help-grid{grid-template-columns:1fr}.take{flex-wrap:wrap}.take audio{width:100%}footer{flex-wrap:wrap;justify-content:start}h1{letter-spacing:-2px}.boundary{align-items:start;padding:18px}header>div{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.monitor-control{max-width:290px;margin-top:20px}.monitor-control label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.monitor-control output{color:var(--lime);font:12px ui-monospace,monospace}.monitor-control input{margin:12px 0 2px}