:root{--green:#104734;--green2:#1e7856;--mint:#e3efe8;--paper:#f6f8f4;--ink:#182823;--sub:#5c6b65;--line:#dbe3dc;--white:#fff;--amber:#8b5a19;--shadow:0 3px 20px #173b2910;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans Thai",sans-serif;color:var(--ink);background:var(--paper);font-size:15px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b1cb60;outline-offset:3px}.topbar{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100vw - 1160px)/2));background:#fff;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--green);color:#c9e9ae;flex:none}.mark svg{width:29px;height:29px}.brand b{display:block;font-size:16px;letter-spacing:-.35px}.brand span{display:block;font-size:11px;color:var(--sub)}.share{display:flex;gap:6px;align-items:center;white-space:nowrap;border:1px solid var(--line);border-radius:12px;padding:9px 13px;background:#fff;color:var(--green);font-weight:700}.share svg{width:18px;height:18px}.shell{max-width:1160px;padding:30px 22px 35px;margin:auto}.intro{margin-bottom:20px}.eyebrow,.kicker{color:var(--green2);font-size:10px;font-weight:800;letter-spacing:1.6px}.intro h1{font-size:clamp(30px,4.8vw,51px);line-height:1.22;letter-spacing:-1.6px;margin:8px 0;color:var(--green)}.intro p{margin:0;color:var(--sub);line-height:1.65}.mobile-only{display:none}.notice{background:#f8f1dd;border:1px solid #e9dcb4;color:#6b552d;border-radius:12px;padding:12px 15px;font-size:12px;line-height:1.6;margin-bottom:23px}.notice b{display:inline-block;margin-right:6px}.layout{display:grid;grid-template-columns:345px minmax(0,1fr);gap:22px;align-items:start}.summary-sticky{position:sticky;top:83px;display:grid;gap:15px}.main-column{display:grid;gap:17px;min-width:0}.hero{background:var(--green);color:#fff;border-radius:22px;padding:22px;overflow:hidden;position:relative;box-shadow:0 10px 20px #10473424}.hero:before{content:"";position:absolute;right:-65px;top:-110px;width:240px;height:240px;border:1px solid #7fb89a32;border-radius:50%;box-shadow:0 0 0 24px #7fb89a15,0 0 0 48px #7fb89a0d;pointer-events:none}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:8px;position:relative}.hero-kicker{font-size:12px;color:#cee2d7}.tag{font-size:10px;color:#e0f2e8;background:#ffffff21;padding:6px 9px;border-radius:999px;white-space:nowrap;font-weight:700}.tag.light{background:var(--mint);color:var(--green)}.amount{font-weight:760;font-variant-numeric:tabular-nums;font-size:clamp(38px,4.4vw,49px);letter-spacing:-2px;line-height:1.2;margin:18px 0 5px;position:relative}.gross-line{font-size:12px;color:#bcd8c9;position:relative}.gross-line b{color:#f5fff8}.progress{height:8px;background:#ffffff26;border-radius:999px;overflow:hidden;margin-top:20px}.progress>div{height:100%;width:0%;background:#cbe89f;border-radius:999px;transition:width .18s}.progress-label{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:11px;color:#d0e2d7}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #ffffff25;margin-top:20px;padding-top:17px}.metrics div+div{border-left:1px solid #ffffff25;padding-left:15px}.metrics small{display:block;color:#bed4c8;font-size:11px}.metrics strong{display:block;font-size:22px;font-variant-numeric:tabular-nums;margin-top:2px}.metrics em{font-size:12px;font-style:normal;font-weight:500}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);min-width:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.section-head h2,h2{font-size:19px;line-height:1.35;margin:4px 0 0;letter-spacing:-.35px;color:var(--green)}.text-btn{border:0;background:none;color:var(--green2);font-size:12px;font-weight:700;padding:9px}.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset{border:1px solid var(--line);border-radius:12px;background:#f8faf7;color:var(--green);text-align:left;padding:11px 10px;min-width:0;display:grid;gap:5px}.preset.active{background:#e4f0e7;border:1.5px solid #2e805c;box-shadow:0 0 0 1px #2e805c22}.preset>span{font-size:10px;font-weight:800;letter-spacing:1px;color:#749487}.preset b{font-size:13px;line-height:1.4}.preset small{font-size:10px;color:var(--sub);line-height:1.35}.fine{color:var(--sub);font-size:12px;line-height:1.65;margin:12px 0}.control{padding:12px 0;border-bottom:1px solid #eef1ed}.control:last-child{border-bottom:none}.control-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.control-head label{font-weight:650;font-size:13px;line-height:1.45}.value-input{width:96px;min-width:70px;background:#f6f9f6;border:1px solid var(--line);border-radius:8px;text-align:right;color:var(--green);font-size:14px;font-weight:700;padding:6px 7px;font-variant-numeric:tabular-nums}.value-wrap{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;color:var(--sub)}input[type=range]{width:100%;accent-color:var(--green2);height:26px;margin:0;cursor:pointer;touch-action:pan-y}input[type=checkbox]{width:19px;height:19px;accent-color:var(--green2);flex:none;margin-top:3px}.check{display:flex;align-items:flex-start;gap:10px;color:var(--ink);font-size:13px;line-height:1.6;padding:11px 0;border-bottom:1px solid #f0f3ef}.check small{display:block;color:var(--sub);font-size:11px;line-height:1.5;margin-top:3px}.field-label{display:block;margin:12px 0 8px;font-weight:650;font-size:13px}select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;background:#f8faf7;padding:9px 10px;color:var(--green);font-weight:650}.info-box{background:#edf4ee;border-radius:10px;padding:11px 12px;font-size:12px;line-height:1.6;color:#355d46;margin:10px 0}.info-box.warn{background:#fbf1dc;color:#785521}.layer{border-top:1px solid var(--line);padding:14px 0 3px}.layer-title{display:flex;align-items:center;gap:9px}.layer-index{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--mint);font-weight:800;color:var(--green)}.layer-name{font-weight:700;font-size:14px}.layer-right{margin-left:auto;text-align:right}.layer-right strong{display:block;font-size:13px;color:var(--green);font-variant-numeric:tabular-nums}.layer-right small{display:block;color:var(--sub);font-size:10px}.layer-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px}.layer-controls .control{border:none}.layer-controls .control-head label{font-size:12px}.layer-controls .value-input{width:65px;min-width:55px}.total-row{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);font-size:14px}.total-row strong{color:var(--green)}.pod-meter .progress{background:#e5ebe5;margin-top:12px}.pod-meter .progress>div{background:var(--green2)}.pod-meter .progress-label{color:var(--sub)}.breakdown .section-head{margin-bottom:12px}.break-item{margin:14px 0}.break-line{display:flex;justify-content:space-between;font-size:12px;gap:10px;align-items:center}.break-line b{font-variant-numeric:tabular-nums;color:var(--green)}.break-bar{background:#eef2ed;border-radius:999px;height:6px;margin-top:7px;overflow:hidden}.break-bar i{display:block;height:100%;background:var(--green2);border-radius:999px;transition:width .18s}.net-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:12px}.net-row strong{color:#a04437}.help p{font-size:12px;color:var(--sub);line-height:1.7}.help a{display:block;font-size:12px;color:var(--green2);margin:9px 0;font-weight:650}.rules details{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.rules summary{cursor:pointer;font-weight:650;color:var(--green)}.rules p{font-size:12px;color:var(--sub);line-height:1.7;margin-bottom:0}footer{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding:0 5px;color:var(--sub);font-size:11px;flex-wrap:wrap}.mobile-dock{display:none}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:var(--ink);border-radius:12px;color:#fff;padding:13px 17px;z-index:20;transition:.2s;font-size:13px;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.topbar{padding:10px 16px}.shell{padding:22px 14px 105px}.intro{margin:0 3px 15px}.intro h1{font-size:33px}.intro p{font-size:13px}.mobile-only{display:initial}.notice{font-size:11px;margin-bottom:16px}.layout{display:flex;flex-direction:column;gap:15px}.summary-column,.main-column{width:100%}.summary-sticky{position:static;display:contents}.summary-column{display:contents}.hero{order:0;width:100%;padding:19px}.main-column{order:1;gap:13px}.breakdown{order:2;width:100%}.help{order:3;width:100%}.panel{padding:16px;border-radius:16px}.hero .amount{font-size:43px}.section-head h2,h2{font-size:18px}.presets{gap:6px}.preset{padding:9px 7px}.preset b{font-size:12px}.layer-controls{gap:11px}.layer-controls .control-head{align-items:flex-start;flex-wrap:wrap;gap:4px}.layer-controls .control-head label{font-size:11px}.layer-controls .value-input{width:64px}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:8;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #15462412}.mobile-dock small,.mobile-dock b{display:block}.mobile-dock small{font-size:10px;color:var(--sub)}.mobile-dock b{font-size:23px;font-variant-numeric:tabular-nums;color:var(--green)}.mobile-dock button{background:var(--green);color:#fff;border:0;border-radius:11px;padding:12px 14px;font-weight:700}.toast{bottom:95px}.value-input{font-size:16px}footer{line-height:1.55}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}