@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111512;--panel:#191e1a;--line:#30392f;--muted:#9da799;--lime:#c5f568}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#ecf0e8;font:16px 'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;gap:10px;font:700 27px 'Space Grotesk',sans-serif;color:inherit;text-decoration:none}.mark{display:grid;place-items:center;background:var(--lime);color:var(--bg);border-radius:9px;width:35px;height:35px;font-size:36px}.lab{font:12px 'DM Sans',sans-serif;color:var(--muted);letter-spacing:2px;margin-left:15px}.private{font-size:14px;color:#b9c4b2}main{max-width:1280px;margin:auto;padding:46px 40px 28px}.intro{display:flex;justify-content:space-between;align-items:center}.eyebrow,.section-label{font-size:12px;letter-spacing:1.8px;font-weight:600}.eyebrow{color:var(--muted)}h1{font:500 clamp(38px,4vw,54px)/1.13 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:18px 0}h1 span{color:var(--lime)}.intro p{color:var(--muted);margin-bottom:26px}.quiet{border:1px solid var(--line);border-radius:8px;color:#d6dece;background:transparent;padding:12px 17px}.quiet:hover{background:#263024}.notice{display:flex;gap:14px;align-items:center;border:1px solid #3c4631;background:#1b2218;padding:14px 18px;border-radius:9px;margin:2px 0 28px;color:#b3bfa7;font-size:14px;line-height:1.6}.notice>span{font-size:23px;color:var(--lime)}.notice p{margin:0}.notice strong{color:#dce7d1}.workspace{display:grid;grid-template-columns:320px 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}aside{padding:25px;background:#171c18;border-right:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;color:#bac5b3}.section-label span{color:#6f7b68}.steps{margin:28px 0 35px;display:grid;gap:24px}.step{display:flex;gap:12px;align-items:center;color:#899382}.step b{border:1px solid #414c3a;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:14px}.step.active{color:#edf5e6}.step.active b{background:var(--lime);color:#14200c;border-color:var(--lime)}.step strong{font-size:14px;font-weight:500}.step small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.baseline-head{display:flex;justify-content:space-between;font-size:14px}.baseline-head span{color:var(--lime)}.segments{display:flex;gap:5px;margin:13px 0}.segments i{height:5px;background:#35402e;border-radius:2px;flex:1}.segments i.done{background:var(--lime)}.muted{color:var(--muted)}aside p{font-size:13px;line-height:1.6}.questions{margin-top:24px;display:grid;gap:14px}.question-row{display:flex;gap:10px;font-size:14px;color:#8c9785}.question-row.current{color:#ecf4e5}.question-row span:first-child{font-family:monospace;font-size:12px;color:#95ac7c}.tip{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;display:flex;gap:12px}.tip>span{color:var(--lime);font-size:24px}.tip strong{font-size:14px}.tip p{color:var(--muted);margin:6px 0 0}.monitor{min-width:0;background:var(--panel);padding:25px}.monitor-top{display:flex;justify-content:space-between;align-items:center}.pill{font-size:12px;border:1px solid #45513c;color:#acbba0;border-radius:20px;padding:5px 10px;letter-spacing:1px}.pill.live{background:var(--lime);color:#182411;border-color:var(--lime)}.spectrum{height:188px;position:relative;margin-top:15px;background:repeating-linear-gradient(0deg,transparent 0 45px,#2b3329 46px 47px),repeating-linear-gradient(90deg,transparent 0 89px,#242d23 90px 91px)}canvas{width:100%;height:100%;display:block}#idle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;pointer-events:none;background:#191e1a80}#idle small{color:var(--muted);font-size:13px}.sound-icon{color:var(--lime);font-size:28px;letter-spacing:4px}.axis{display:flex;justify-content:space-between;color:#7f8b77;font:12px monospace;margin-top:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;border-block:1px solid var(--line);padding:20px 0}.metrics>div{padding-left:22px;border-left:1px solid var(--line)}.metrics>div:first-child{padding-left:0;border:none}.metrics span{display:block;font-size:11px;letter-spacing:1.4px;color:var(--muted)}.metrics strong{display:block;margin-top:9px;font:400 25px 'Space Grotesk',sans-serif}.metrics small{font:12px 'DM Sans',sans-serif;color:var(--muted)}h2{font:500 23px 'Space Grotesk',sans-serif;letter-spacing:-.5px}.capture h2{margin:12px 0}.capture p{font-size:14px;color:var(--muted);line-height:1.5}.actions{display:flex;align-items:center;gap:12px;margin-top:23px}.primary{border:0;border-radius:7px;background:var(--lime);color:#1a2910;padding:14px 24px;font-weight:600;min-width:190px}.primary:hover{background:#d5ff89}.primary span{margin-right:8px}.primary.recording{background:#ffb99c}.actions #timer{font:13px monospace;color:var(--muted);margin-left:auto}#message{min-height:21px;margin-bottom:0;font-size:13px}#message.error{color:#ffb99c}label{font-size:14px;color:var(--muted)}input{display:block;width:100%;padding:12px;background:#111711;border:1px solid #47563b;border-radius:6px;margin-top:8px;color:#eef4e8}input:focus{outline:2px solid var(--lime)}[hidden]{display:none!important}.results{margin-top:30px}.result-heading{display:flex;justify-content:space-between;align-items:center}.result-heading h2{font-size:20px}.empty{border:1px dashed #3d4936;border-radius:9px;display:flex;align-items:center;gap:20px;padding:27px;color:#afbaa5}.empty>span:first-child{font-size:34px;color:#7d916c}.empty strong{color:#d0d9c8;font-size:15px}.empty p{font-size:14px;margin:7px 0 0;color:var(--muted)}.tag{margin-left:auto;font-size:11px;letter-spacing:1px;color:#9dac91}.result-card{border:1px solid var(--line);padding:22px;border-radius:9px;margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:15px;background:#191f19}.result-card h3{margin:0 0 9px;font-size:17px}.result-card p{font-size:14px;color:var(--muted);margin:6px 0;line-height:1.5}.score{font:500 34px 'Space Grotesk',sans-serif;color:var(--lime);text-align:right}.score small{display:block;font:12px 'DM Sans',sans-serif;color:var(--muted)}footer{display:flex;justify-content:space-between;font-size:12px;color:#a1ae97;padding:29px 0;gap:20px}details{border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font-size:13px;line-height:1.7}summary{cursor:pointer}details p{max-width:900px}@media(max-width:800px){header{padding:0 22px;height:75px}.lab{display:none}.private{font-size:12px}main{padding:28px 20px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}.steps{display:flex;margin:20px 0}.questions,.tip{display:none}.intro{align-items:flex-start}.intro .quiet{font-size:12px;padding:10px;white-space:nowrap;margin-top:5px}.monitor{padding:20px}.empty{flex-wrap:wrap}.tag{margin-left:0}footer{flex-direction:column;gap:8px}.metrics>div{padding-left:10px}.metrics span{font-size:10px;letter-spacing:.4px}.metrics strong{font-size:22px}.actions{flex-wrap:wrap}.notice{align-items:flex-start}h1{letter-spacing:-1.4px}.brand{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}