:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172923;background:#f5f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select,summary{cursor:pointer}button{border:1px solid #dbe1d9;background:white;border-radius:9px;padding:11px 15px;font-weight:600;color:#23382d}button:hover{filter:brightness(.96)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8cab42;outline-offset:3px}header{height:85px;border-bottom:1px solid #dfe4db;padding:0 5.5%;display:flex;justify-content:space-between;align-items:center;background:#fafbf7}.brand{text-decoration:none;color:#1d3529;font-size:40px;font-weight:800;display:flex;align-items:center;gap:0}.brand span,.logo span{color:#a4c860}.brand b{font-size:23px;letter-spacing:-1px;margin-left:14px}.header-right{display:flex;align-items:center;gap:24px}.pill{font-size:12px;background:#eaf0df;border:1px solid #dbe5ca;color:#50663e;padding:7px 11px;border-radius:30px;white-space:nowrap}.quiet{background:none;border:0;font-size:13px}.workspace{max-width:1440px;margin:auto;padding:42px 5.5% 20px}.eyebrow,.step{font-size:10px;font-weight:700;letter-spacing:2px;color:#6a7c61}.intro h1{font-size:clamp(27px,3vw,40px);font-weight:600;letter-spacing:-1.6px;margin:13px 0}.intro p{font-size:14px;color:#778074;margin:0 0 30px}.metrics{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:15px;margin-bottom:25px}.metrics article{padding:21px 24px;border:1px solid #dee4d8;border-radius:13px;background:#fbfcf8;display:flex;flex-direction:column;gap:9px}.metrics article>span{font-size:12px;color:#6d7868}.metrics strong{font-size:30px;font-weight:500;letter-spacing:-1px}.metrics small{font-size:11px;color:#83907c}.metrics code{font-size:13px;line-height:36px;color:#415439}.metrics .rule{background:#edf1e5}.columns{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.panel{border:1px solid #dfe4dc;background:white;border-radius:15px}.setup{padding:25px}.step{font-size:9px;letter-spacing:1.5px}h2{font-size:19px;font-weight:600;letter-spacing:-.5px;margin:12px 0 23px}label{display:block;font-size:12px;color:#52604e;font-weight:600;margin-bottom:10px}input{width:100%;padding:12px;border:1px solid #dbe1d5;border-radius:8px;background:#fcfdf9;color:#203e29;outline-color:#9abb61}#quantity{font-size:25px}.presets{display:flex;gap:7px;margin:10px 0 25px}.presets button{flex:1;font-size:11px;padding:7px}.fixed{display:flex;justify-content:space-between;padding:12px;border:1px solid #e3e7de;border-radius:8px;font:13px monospace}.fixed span{font:10px Segoe UI;color:#8a9581}.note{color:#88907f;font-size:11px;line-height:1.8;padding:16px 0 22px}.primary{background:#c8ed88;border-color:#c8ed88;display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 17px;color:#294227}.assurance{color:#7c8b70;font-size:10px;margin-top:17px;text-align:center}.history{margin-top:18px;padding:24px}.history h2{margin-bottom:15px}.history-item{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;margin-top:7px;padding:11px 9px;border-color:#edf0e8;font-size:12px}.history-item small{display:block;font-size:10px;font-weight:400;color:#8a9585;margin-top:5px}.results{overflow:hidden}.results-head{padding:25px 25px 4px;display:flex;justify-content:space-between;align-items:center}.results-head h2{margin-bottom:17px}.counter{font-size:11px;border-radius:5px;background:#f0f3ea;padding:3px 7px;vertical-align:middle;margin-left:6px}.toolbar{margin:0 25px 16px;display:flex;gap:8px}.toolbar select{margin-right:auto;border:1px solid #e1e6db;border-radius:7px;font-size:12px;padding:8px;color:#5b6853;background:#fbfcf8}.toolbar button{font-size:11px;padding:8px 12px}textarea{display:block;width:calc(100% - 50px);height:350px;resize:vertical;margin:0 25px;padding:18px;border-radius:10px;border:1px solid #e3e8dc;background:#f9fbf5;font:12px/2 Consolas,monospace;color:#344e30;outline-color:#96b95a;white-space:pre;overflow:auto}textarea::placeholder{color:#a3ad99}#message{font-size:12px;color:#6b7c60;min-height:51px;padding:16px 25px;line-height:1.6}#message.error{color:#b04231}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 25px;border-top:1px solid #edf0e8;background:#fdfefa}.save-bar p{font-size:11px;color:#5c6d53;line-height:1.8;margin:0}.save-bar small{font-size:10px;color:#909c86}.dark{background:#233f2b;color:#fff;border:0;font-size:12px}details{padding:16px 25px;border-top:1px solid #edf0e8;font-size:12px;color:#7e8c73}#rows{max-height:300px;overflow:auto}.record{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0e8;padding:10px 0;gap:10px;overflow-wrap:anywhere}.record button{font-size:10px;padding:5px 8px}.record small{display:block;color:#929e87;margin-top:4px}footer{display:flex;justify-content:space-between;color:#99a38e;font-size:9px;letter-spacing:1.5px;padding:30px 0 0}.muted{font-size:12px;color:#929d87}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at 20% 20%,#e5ecd5,transparent 60%),#f5f6f2}.login-card{width:min(440px,90%);padding:40px;background:#fff;border:1px solid #dfe5d6;border-radius:20px;box-shadow:0 25px 80px #263d2710}.logo{font-size:60px;font-weight:800;margin-bottom:25px}.login h1{font-size:29px;letter-spacing:-1px}.login p{font-size:13px;color:#849078}.login form{margin:30px 0}.login form button{margin-top:15px}.login small{font-size:11px;color:#95a08c}@media(max-width:950px){.columns{grid-template-columns:260px minmax(0,1fr);gap:14px}.metrics{grid-template-columns:1fr 1fr}.metrics .rule{grid-column:1/-1}.save-bar{flex-wrap:wrap}.workspace{padding:30px 4%}.setup{padding:20px}.toolbar{flex-wrap:wrap}.toolbar select{max-width:100%}}@media(max-width:680px){header{height:70px;padding:0 5%}.header-right{gap:5px}.brand b{font-size:19px}.pill{font-size:10px}.columns{grid-template-columns:1fr}.history{margin-bottom:16px}.metrics article{padding:17px}.metrics code{font-size:11px}.results-head{padding:22px 18px 4px}.toolbar{margin-left:18px;margin-right:18px}textarea{margin:0 18px;width:calc(100% - 36px);height:330px}.intro h1{letter-spacing:-1px}.save-bar{padding:18px}.header-right .pill{display:none}}
