:root{font-family:Inter,Arial,sans-serif;color:#e9ead9;background:#11251f;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #4c6251;background:transparent;color:inherit;padding:11px 13px;border-radius:3px;text-align:left;transition:background .15s}button:hover{background:#344b38}button:disabled{opacity:.4;cursor:not-allowed}input,textarea,select{width:100%;background:#1c332a;color:#f5efdb;border:1px solid #5c6b50;padding:9px;border-radius:3px}textarea{resize:vertical;font:13px/1.6 Georgia}input[type=range]{padding:0;accent-color:#d9b56c}input[type=color]{height:36px;padding:3px}label{display:block;font-size:11px;letter-spacing:.04em;margin:13px 0;color:#c0cbb5}label input,label textarea,label select{margin-top:6px}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #edbe75;outline-offset:4px}header{height:86px;padding:0 36px;border-bottom:1px solid #3f5141;display:flex;align-items:center;gap:30px}.brand{font-size:12px;letter-spacing:.14em;color:inherit;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:12px}.brandmark{color:#e9be7c;font-size:32px}.edition{font:10px monospace;letter-spacing:.1em;color:#94a38e}.reset{margin-left:auto;font-size:12px}main{display:grid;grid-template-columns:260px minmax(340px,1fr) 280px;min-height:calc(100vh - 150px)}aside{padding:32px 28px}.left{border-right:1px solid #3f5141}.right{border-left:1px solid #3f5141}.eyebrow{font:9px monospace;letter-spacing:.15em;color:#b5c39f;margin:0 0 25px}h1{font:38px/1.08 Georgia;font-weight:400;margin:0 0 20px;letter-spacing:-1px}h1 em{color:#dfb977;font-weight:400}h2{font:28px/1.1 Georgia;font-weight:400;margin:0 0 20px}.intro{font:14px/1.7 Georgia;color:#b8c4ad}.mode{display:flex;background:#0c1c17;padding:4px;margin:25px 0}.mode button{border:none;flex:1;text-align:center;font-size:12px}.mode button[aria-pressed=true]{background:#c7d2ac;color:#193225}.instruction{margin:30px 0}.instruction span{font:10px monospace;letter-spacing:.08em;color:#e6bb77}.instruction p{font:13px/1.65 Georgia;color:#b9c5af;margin:9px 0 22px}.left>button{width:100%;font-size:12px}.stage{padding:30px 36px;background:radial-gradient(ellipse at 45% 25%,#2c4234,#152b23 75%);display:flex;flex-direction:column;align-items:center}.stagebar{width:100%;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.08em;color:#b0bba4;margin-bottom:35px}.paper{position:relative;width:100%;max-width:650px;background:#1b332e;box-shadow:0 16px 70px #0005;border:1px solid #53664f}.paper canvas{width:100%;display:block;aspect-ratio:1;touch-action:none}.corner{position:absolute;width:12px;height:12px;pointer-events:none;border-color:#c8cb9b}.tl{left:-6px;top:-6px;border-left:1px solid;border-top:1px solid}.br{bottom:-6px;right:-6px;border-right:1px solid;border-bottom:1px solid}.caption{font:italic 17px Georgia;color:#d4d8bb;margin:22px 0 10px;text-align:center}.status{font:12px/1.5 monospace;color:#b8c6a4;text-align:center;max-width:500px;min-height:40px}.specimen{display:flex;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:40px;color:#869b82;font:8px monospace;letter-spacing:.1em}.muted{font-size:11px;line-height:1.6;color:#adbaa3}.tiny{font-size:10px}.tracks{display:grid;gap:8px;margin:24px 0 16px}.track{display:flex;align-items:center;gap:12px;padding:15px 10px}.track.selected{background:#344735;border-color:#bdcb9b}.tracknum{font:10px monospace;color:#a5b79a}.track strong{display:block;font:14px Georgia}.track small{display:block;font:9px monospace;margin-top:6px;color:#b9c9a9}.track>span:last-child{margin-left:auto;color:#e4bd75;font-size:24px}.right>button{width:100%;font-size:11px}.warning{font-size:10px;line-height:1.65;color:#d1c39c;border-left:2px solid #be975d;padding-left:10px}.smallrow{display:flex;gap:8px}.smallrow>*{flex:1;min-width:0}.smallrow button{font-size:10px}.export{border-top:1px solid #4c5e48;padding-top:24px;margin-top:28px}.export .eyebrow{margin-bottom:14px}.export>button{width:100%;margin:5px 0;font-size:11px}.export>.smallrow{margin:5px 0}.collection{margin-top:20px}.collection button{font-size:11px;margin-top:10px;width:100%}summary{cursor:pointer;font-size:11px;color:#bdcca9}details>p{font-size:11px;line-height:1.5}footer{padding:20px 36px;border-top:1px solid #3f5141;display:flex;justify-content:space-between;gap:30px;font:11px Georgia;color:#a8b69e}footer details{max-width:600px}footer button{font:11px Arial;margin:5px}.trackedit button{font-size:10px;margin-bottom:5px}@media(min-width:1550px){main{grid-template-columns:310px 1fr 310px}aside{padding:40px}.stage{padding:40px 60px}h1{font-size:44px}}@media(max-width:1100px){main{grid-template-columns:220px 1fr}.right{grid-column:1/-1;border-left:0;border-top:1px solid #3f5141;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.right h2,.right .eyebrow,.right>.muted{grid-column:1}.tracks{grid-column:2;grid-row:1/5}.right .export{grid-column:1/-1}.stage{padding:30px 24px}.left{padding:30px 20px}h1{font-size:32px}}@media(max-width:700px){header{padding:0 18px;height:72px;gap:12px}.edition{display:none}.brand{font-size:10px}main{display:flex;flex-direction:column}.left{border-right:0;padding:25px}.left h1{font-size:38px}.left h1 br{display:none}.intro{max-width:360px}.instruction{display:none}.mode{margin:15px 0}.stage{padding:20px}.stagebar{margin-bottom:22px;font-size:8px}.right{display:block;padding:28px}.tracks{display:grid;grid-template-columns:1fr}.specimen{padding-top:20px}footer{padding:22px;display:block}footer details{margin-top:14px}.paper{max-width:512px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.overflow{font:10px/1.6 monospace;color:#cfb787;max-width:480px;text-align:center;margin:2px auto 12px}header>button{font-size:11px}@media(max-width:700px){header{gap:8px}.brandmark{font-size:24px}header>button{padding:9px 6px;font-size:10px}.brand{letter-spacing:.05em}}