:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#18392e;background:#f5f5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bc860e;outline-offset:4px}header,main,footer{max-width:1180px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 28px;border-bottom:1px solid #dce2d8}.brand{font-size:23px;font-weight:800;text-decoration:none;color:#244c3b;letter-spacing:-1px}.brand span{display:block;font-size:11px;font-weight:500;letter-spacing:1px;margin:5px 0 0 23px}.app-link{color:#365546;font-size:13px;text-decoration:none}main{padding:0 28px}.intro{padding:58px 0 38px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1px;color:#577264}h1{font-size:clamp(32px,4vw,47px);line-height:1.3;letter-spacing:-2px;margin:15px 0}p{line-height:1.75}.intro p{color:#6a786f;font-size:15px;margin-bottom:0}.mobile{display:none}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}.controls,.results{background:#fff;border:1px solid #e2e6dd;border-radius:22px;padding:28px}.controls h2{font-size:18px;margin:0 0 22px}.tabs{display:flex;background:#f0f3ed;border-radius:10px;padding:4px;margin-bottom:24px}.tabs button{width:50%;border:0;padding:11px 0;background:none;color:#6e7d73;border-radius:8px;font-size:13px}.tabs button[aria-pressed=true]{background:#fff;color:#244c3b;font-weight:700;box-shadow:0 2px 6px #19332910}label{display:block;font-size:13px;font-weight:600;margin-bottom:20px}label span{float:right;font-weight:400;color:#7a897f}input{width:100%;padding:13px 12px;margin-top:9px;border:1px solid #dbe2d7;border-radius:9px;color:#244c3b;background:#fcfdfb;font-size:18px;min-width:0}input:focus{border-color:#5b8968}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint,.local-note{font-size:12px;color:#7a857d}.hint{margin:0 0 20px}.primary{display:flex;justify-content:space-between;width:100%;background:#244e39;color:#fff;border:0;border-radius:10px;padding:16px;font-weight:700}.local-note{margin:17px 0 0;text-align:center}.results{padding:32px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}#share{border:0;background:#f2f5ef;color:#536a5d;border-radius:7px;padding:9px;font-size:11px}.total{font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-2px;margin:22px 0 12px;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0e8;border-bottom:1px solid #edf0e8;padding:22px 0;gap:10px}.metrics span{font-size:12px;color:#7a857d}.metrics strong{display:block;font-size:19px;margin-top:8px;overflow-wrap:anywhere}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.gray{background:#bdc8ba}.green{background:#396b4e}.chart{padding-top:25px}.chart svg{width:100%;height:auto;display:block}.chart-caption{font-size:11px;color:#7a857d}summary{font-size:13px;padding:16px 0;border-top:1px solid #edf0e8}.table-wrap{overflow:auto;max-height:320px}table{width:100%;font-size:12px;border-collapse:collapse;white-space:nowrap;text-align:right}th,td{padding:12px 8px;border-bottom:1px solid #edf0e8}th:first-child,td:first-child{text-align:left}th{background:#f5f7f2;position:sticky;top:0}#error{font-size:12px;color:#a22c2c}#error:empty,#status:empty{display:none}#status{font-size:12px;color:#42694f}.explain{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:28px;padding:55px 0 30px}.explain>div{grid-column:1/-1}.explain h2{font-size:25px;margin:12px 0 0;letter-spacing:-1px}.explain h3{font-size:15px}.explain p,.formula p{font-size:13px;color:#6a786f}.formula{border-top:1px solid #dce2d8;padding:25px 0 35px}.formula h2{font-size:17px}footer{padding:30px 28px;border-top:1px solid #dce2d8}footer p{font-size:11px;color:#7a857d}footer button{padding:0;border:0;background:none;color:#536a5d;text-decoration:underline;font-size:11px}[hidden]{display:none!important}@media(max-width:760px){header{padding:22px 20px}main{padding:0 16px}.intro{padding:38px 5px 28px}.workspace{grid-template-columns:1fr;gap:16px}.controls,.results{padding:24px;border-radius:18px}.explain{grid-template-columns:1fr;gap:12px;padding-top:40px}.explain>div{grid-column:auto}.explain article p{margin-top:8px}.explain h3{margin-bottom:0}.total{font-size:36px}.metrics strong{font-size:17px}.mobile{display:block}}