:root{--green:#174c40;--ink:#203a34;--muted:#78837c;--line:#e4e8df;--paper:#f7f8f2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9dc85b;outline-offset:4px}header{height:85px;padding:0 max(5vw,22px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fffef9}.brand{font-size:27px;font-weight:700;color:var(--green);text-decoration:none;display:flex;align-items:center;gap:10px}.logo{background:var(--green);color:#d8f299;display:grid;place-items:center;width:37px;height:37px;border-radius:11px;font:32px Arial}.beta{font-size:10px;font-weight:normal;border:1px solid var(--line);padding:5px 9px;border-radius:5px;margin-right:8px;color:var(--muted)}.header-note{color:var(--muted);font-size:12px}main{max-width:1230px;margin:auto;padding:45px 30px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;gap:20px}.eyebrow{font-size:11px;letter-spacing:.7px;color:var(--green);margin:0 0 14px}h1{font-size:35px;margin:0;line-height:1.6;letter-spacing:-1px}h1 span{color:#69914d}.sub{color:var(--muted);font-size:13px;margin:12px 0}.demo-pill{white-space:nowrap;background:#eef1e5;padding:10px 13px;border:1px solid #e1e6d5;border-radius:25px;font-size:10px;color:#728359}.demo-pill i{display:inline-block;width:6px;height:6px;background:#88a85c;border-radius:50%;margin-left:5px}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:27px;align-items:start}.editor,.card{background:#fffefb;border:1px solid var(--line);border-radius:15px}.editor{padding:26px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:16px;margin:0;font-weight:700}.text-button{border:0;background:none;color:var(--green);font-size:11px;padding:10px 0;min-height:40px}.markets{display:flex;gap:8px;background:#f0f2eb;border-radius:9px;padding:5px;margin:20px 0 24px}.markets button{flex:1;background:transparent;border:1px solid transparent;border-radius:6px;padding:12px 5px;color:#7b8279}.markets button.active{background:#fff;border-color:#dbe2d5;color:var(--green);box-shadow:0 2px 3px #17372a08}.markets small{font:10px Arial;margin-right:15px;color:#929b8c}.form-section+.form-section{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}h3{font-size:13px;margin:0 0 20px;display:flex;align-items:center;gap:10px}h3>span{font:11px Arial;color:#7d906c;border:1px solid #e1e7d9;border-radius:50%;height:24px;width:24px;display:grid;place-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}label{display:block;font-size:11px;position:relative;color:#52645c}label>small{float:left;color:#94a08f;font-size:10px}input:not([type=checkbox]),select{display:block;width:100%;height:44px;margin-top:9px;border:1px solid #dfe5db;background:#fffefb;border-radius:7px;padding:0 12px;color:#29483c;outline:none}input[type=number]{direction:ltr;text-align:right;font-family:Arial;font-size:15px}input:focus,select:focus{border-color:#6f9663;box-shadow:0 0 0 3px #70944f13}.wide{margin-bottom:18px}.hint{font-size:10px;line-height:1.9;color:#8b9389;margin:12px 0 0}.check{display:flex;align-items:center;gap:9px;margin-top:18px;line-height:1.7;font-size:11px}.check input{accent-color:var(--green);width:17px;height:17px;flex-shrink:0}.check small{display:block;font-size:9px;color:#8c958a;margin-top:3px}aside{display:grid;gap:16px}.results{background:var(--green);color:#fff;border-radius:15px;padding:27px 28px 18px;position:relative;overflow:hidden}.results:before{content:'';position:absolute;width:270px;height:270px;border:1px solid #ffffff0b;border-radius:50%;left:-140px;top:-110px;box-shadow:0 0 0 25px #ffffff04,0 0 0 50px #ffffff03;pointer-events:none}.result-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d3e2d6}.status{font-size:9px;background:#ffffff15;color:#c5e89c;border:1px solid #ffffff15;border-radius:20px;padding:6px 10px}.result-product{font-size:10px;color:#a3c1ae;margin:19px 0 25px}.profit-label{color:#bbd1c0;font-size:11px}.profit{display:flex;gap:12px;align-items:baseline;margin:10px 0 24px}.profit strong{font:700 47px Arial;letter-spacing:-1px;direction:ltr}.profit>span{font:12px Arial;color:#b5d4be}.result-pair{display:grid;grid-template-columns:1fr 1fr;padding-top:20px;border-top:1px solid #ffffff21}.result-pair>div+div{border-right:1px solid #ffffff21;padding-right:28px}.result-pair span{display:block;color:#b4cbb9;font-size:10px;margin-bottom:10px}.result-pair b{font:600 20px Arial;direction:ltr;display:block;text-align:right;color:#ddf5b5}.profit-note{font-size:9px;color:#98b8a4;border-top:1px solid #ffffff1a;margin-top:21px;padding-top:15px}.card{padding:23px}.bar{display:flex;direction:rtl;height:8px;gap:3px;margin:22px 0;border-radius:10px;overflow:hidden}.bar span{min-width:0}.row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:16px 0;color:#738174}.row>span{display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:7px;height:7px;border-radius:2px;background:#9baa8a}.row b{font:12px Arial;color:#43574a;direction:ltr}.row.subrow{font-size:10px;color:#9aa393;margin-top:-5px}.row.subrow b{color:#9aa393}.total{border-top:1px dashed #d7dfd0;padding-top:18px;margin-top:18px;display:flex;justify-content:space-between;font-size:12px;color:var(--green)}.total b{font:700 17px Arial;direction:ltr}.essentials{padding:4px 22px}.essentials>div{display:flex;align-items:center;gap:12px;padding:17px 0}.essentials>div+div{border-top:1px solid var(--line)}.icon{background:#eff2e8;color:#7f946d;width:30px;height:32px;display:grid;place-items:center;border-radius:7px;font-size:19px}.essentials>div>span:nth-child(2){font-size:11px;flex:1}.essentials small{display:block;color:#9ba393;font-size:9px;margin-top:6px}.essentials b{font:700 14px Arial;direction:ltr}.primary{border:0;background:#d7e9b3;color:#355638;padding:16px;border-radius:8px;font-size:12px;font-weight:700;min-height:48px}.primary:hover{background:#cadfa1}.center{text-align:center;margin:0}.saved-section{margin-top:36px}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.saved-item{background:#fffefb;border:1px solid var(--line);padding:18px;border-radius:10px}.saved-item h3{margin:0 0 12px}.saved-item p{font-size:12px;color:var(--muted)}.saved-item strong{font:700 20px Arial;color:var(--green)}.saved-actions{display:flex;gap:16px}.empty{border:1px dashed #d7dfcf;border-radius:10px;padding:22px;text-align:center;color:#929c89;font-size:12px;grid-column:1/-1}.method{margin:27px 0;background:#eff2e7;padding:18px 22px;border-radius:10px;font-size:12px;color:#627557;line-height:1.9}.method summary{cursor:pointer}.method summary span{float:left;font-size:10px;color:#8d9b82}.method p{font-size:11px}.method div{padding-top:8px}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-top:1px solid var(--line);font-size:10px;color:#9ba38f}footer .brand{font-size:19px}#error{background:#fff1ec;color:#a04032;border:1px solid #e6c1b8;padding:16px;border-radius:10px;font-size:12px}body.invalid .results{opacity:.4}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:800px){main{padding:26px 18px 0}.intro{display:block;margin-bottom:24px}h1{font-size:29px}.demo-pill{display:inline-block;margin-top:10px}.workspace{grid-template-columns:1fr}.editor{padding:20px}aside{gap:14px}.saved-grid{grid-template-columns:1fr}.header-note{display:none}header{height:70px;padding:0 20px}.method summary span{display:block;float:none;margin-top:4px}footer{flex-wrap:wrap;gap:18px}.profit strong{font-size:44px}.results{padding:24px}.sub{font-size:12px;line-height:1.9}.saved-section .section-top{align-items:flex-start}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}.results{transition:opacity .15s}}
