:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s14:56px;--font:"IBM Plex Sans Thai", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Thonburi, sans-serif;--fs-xs:13px;--fs-sm:14px;--fs-base:16px;--fs-md:17px;--fs-lg:20px;--fs-xl:24px;--lh-tight:1.4;--lh-normal:1.75;--radius:13px;--radius-lg:18px;--radius-pill:999px;--spring:cubic-bezier(.34, 1.56, .64, 1);--bg:#eef4f8;--surface:#fff;--surface-2:#e6f0f5;--surface-3:#d8e6ee;--line:#cbd9e1;--line-control:#4a6b6c;--text:#0a192f;--text-2:#42606b;--text-3:#5a7480;--brand:#9a6206;--brand-soft:#f7e7ce;--on-brand:#fff;--good:#0a7a5b;--good-soft:#e4f3ec;--warn:#b3271a;--warn-soft:#fbecea;--info:#1a5fbf;--info-soft:#eaf0fb;--focus:#0a58ca;--shadow:0 1px 2px #16203c0a, 0 12px 30px -14px #16203c29;--vault1:#12335a;--vault2:#0a192f;--vault-gold:#d4af37;--vault-ink:#e0f2fe;--vault-ink2:#b9c2d6;--vault-good:#5fe0a6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0a192f;--surface:#0e2942;--surface-2:#143650;--surface-3:#1b4460;--line:#33505c;--line-control:#758cb0;--text:#e0f2fe;--text-2:#9fb6c9;--text-3:#8aa6bc;--brand:#d4af37;--brand-soft:#2c2312;--on-brand:#0a192f;--good:#4ade9b;--good-soft:#10281f;--warn:#ff9385;--warn-soft:#301a17;--info:#8cc0ff;--info-soft:#14243a;--focus:#d4af37;--shadow:0 2px 14px #03081280;--vault1:#12335a;--vault2:#0a192f;--vault-gold:#d4af37;--vault-ink:#e0f2fe;--vault-ink2:#aebcd2;--vault-good:#5fe0a6}}:root[data-theme=dark]{--bg:#0a192f;--surface:#0e2942;--surface-2:#143650;--surface-3:#1b4460;--line:#33505c;--line-control:#758cb0;--text:#e0f2fe;--text-2:#9fb6c9;--text-3:#8aa6bc;--brand:#d4af37;--brand-soft:#2c2312;--on-brand:#0a192f;--good:#4ade9b;--good-soft:#10281f;--warn:#ff9385;--warn-soft:#301a17;--info:#8cc0ff;--info-soft:#14243a;--focus:#d4af37;--shadow:0 2px 14px #03081280;--vault1:#12335a;--vault2:#0a192f;--vault-gold:#d4af37;--vault-ink:#e0f2fe;--vault-ink2:#aebcd2;--vault-good:#5fe0a6}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}h1,h2,h3{line-height:var(--lh-tight);letter-spacing:0;overflow-wrap:anywhere;min-width:0}.num,.lines,table,.amount,input{font-variant-numeric:tabular-nums}a{color:var(--info);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:where(a,button,summary,input,select,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.wrap{max-width:1140px;padding:0 var(--s5);margin:0 auto}.skip-link{left:var(--s4);z-index:100;background:var(--brand);color:var(--on-brand);padding:var(--s3) var(--s5);border-radius:var(--radius);font-weight:600;position:absolute;top:-100px}.skip-link:focus{top:var(--s4)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{align-items:center;gap:var(--s2) var(--s3);padding:var(--s4) 0;grid-template-columns:1fr auto;display:grid}.brand{grid-area:1/1}.theme-toggle{grid-area:1/2;justify-self:end}.badge{grid-area:2/1/auto/-1;justify-self:start}@media (min-width:680px){.site-header{grid-template-columns:auto 1fr auto}.badge{grid-area:1/2;justify-self:end}.theme-toggle{grid-area:1/3}}.brand{align-items:center;gap:var(--s2);font-weight:700;font-size:var(--fs-md);color:var(--text);text-decoration:none;display:flex}.brand .brand-name{letter-spacing:.02em;font-family:Anton,IBM Plex Sans Thai,sans-serif;font-size:22px;font-weight:400}.brand .ta{color:var(--brand)}.brand-mark{object-fit:cover;object-position:50% 8%;background:radial-gradient(120% 120% at 50% 20%,#12335a,#0a192f);border:2px solid #d4af37;border-radius:50%;width:34px;height:34px;display:block}.badge{align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--text-2);border:1px solid var(--line);border-radius:var(--radius-pill);padding:var(--s1) var(--s3);background:var(--surface);display:inline-flex}.dot{background:var(--good);border-radius:50%;flex:none;width:8px;height:8px}.theme-toggle{font:inherit;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border:1px solid var(--line-control);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-2);display:inline-flex}.theme-toggle:hover{background:var(--surface-2);color:var(--text)}.hero{padding:var(--s6) 0 var(--s2);max-width:760px}.hero h1{margin:0 0 var(--s3);font-size:clamp(28px,5.2vw,44px);font-weight:700}.hero .accent{color:var(--brand)}.lede{color:var(--text-2);font-size:var(--fs-md);margin:0}.crumbs{font-size:var(--fs-sm);color:var(--text-2);margin:0 0 var(--s2)}.crumbs a{color:var(--text-2)}.steps{gap:var(--s2);margin:var(--s6) 0 0;font-size:var(--fs-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.steps li{align-items:center;gap:var(--s2);color:var(--text-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);padding:var(--s1) var(--s3) var(--s1) var(--s1);display:flex}.steps li b{background:var(--surface-3);width:24px;height:24px;color:var(--text);font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;display:grid}.steps li.done{border-color:var(--good);color:var(--text)}.steps li.done b{background:var(--good);color:var(--surface)}.layout{gap:var(--s5);margin-top:var(--s6);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:960px){.layout{grid-template-columns:minmax(0,1fr) 368px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s5);margin-bottom:var(--s4);box-shadow:var(--shadow)}.card>h2{font-size:var(--fs-lg);margin:0 0 var(--s1)}.card>.hint{color:var(--text-2);font-size:var(--fs-sm);margin:0 0 var(--s5)}.card h3{font-size:var(--fs-md);margin:var(--s6) 0 var(--s2)}.step-head{align-items:baseline;gap:var(--s3);margin-bottom:var(--s1);display:flex}.step-no{font-size:var(--fs-xs);letter-spacing:.06em;color:var(--brand);text-transform:uppercase;white-space:nowrap;font-weight:700}.group{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:var(--s2);box-shadow:none;transition:border-color .18s}.group[open]{border-color:color-mix(in srgb, var(--brand) 40%, var(--line))}.group>summary{cursor:pointer;padding:var(--s4) var(--s5);gap:var(--s2) var(--s3);border-radius:var(--radius-lg);grid-template-columns:1fr auto;align-items:center;list-style:none;transition:background .15s;display:grid}.group>summary:active{background:var(--surface-2)}.group>summary::-webkit-details-marker{display:none}.group>summary:hover{background:var(--surface-2)}.group-title{font-weight:600;font-size:var(--fs-md);align-items:center;gap:var(--s2);display:flex}.group-title:after{content:"▾";color:var(--text-3);font-size:var(--fs-sm);transition:transform .18s;display:inline-block}.group[open] .group-title:after{transform:rotate(180deg)}.group-peek{color:var(--text-3);font-size:var(--fs-sm);grid-column:1;line-height:1.5}.group-sum{text-align:right;font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;grid-area:1/2/span 2}.group-sum b{font-size:var(--fs-md);color:var(--good);display:block}.group-sum.empty b{color:var(--text-3);font-weight:400}.group-body{padding:0 var(--s5) var(--s5)}.group-body>.hint{color:var(--text-2);font-size:var(--fs-sm);margin:0 0 var(--s4)}fieldset{border:0;margin:0;padding:0}.field{margin-bottom:var(--s5)}.field:last-child{margin-bottom:0}.field>label,.field>.label{font-size:var(--fs-base);margin-bottom:var(--s2);color:var(--text);font-weight:600;line-height:1.5;display:block}.field .cap{color:var(--text-2);font-weight:400;font-size:var(--fs-sm)}.input-row{align-items:stretch;display:flex}.input-row .suffix{padding:0 var(--s4);font-size:var(--fs-sm);color:var(--text-2);border:1px solid var(--line-control);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface-2);white-space:nowrap;border-left:0;place-items:center;display:grid}input[type=text],input[type=number]{width:100%;min-width:0;min-height:48px;padding:0 var(--s4);font:inherit;font-size:var(--fs-md);text-align:right;color:var(--text);background:var(--surface-2);border:1px solid var(--line-control);border-radius:var(--radius);font-weight:600}.input-row input{border-radius:var(--radius) 0 0 var(--radius)}input::placeholder{color:var(--text-3);font-weight:400}input:hover{border-color:var(--text-3)}input[aria-invalid=true]{border-color:var(--warn);border-width:2px}.why{font-size:var(--fs-sm);color:var(--text-2);margin:var(--s2) 0 0;border-left:2px solid var(--line);padding-left:var(--s3);line-height:1.6}.field-alert{gap:var(--s2);font-size:var(--fs-sm);color:var(--text);background:var(--warn-soft);border-left:3px solid var(--warn);border-radius:0 var(--radius) var(--radius) 0;padding:var(--s2) var(--s3);margin-top:var(--s2);align-items:flex-start;line-height:1.5;display:flex}.field-alert:before{content:"!";color:var(--warn);flex:none;font-weight:700}.stepper{align-items:center;gap:var(--s1);display:inline-flex}.stepper button{width:48px;height:48px;font:inherit;font-size:var(--fs-lg);cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--line-control);border-radius:var(--radius);transition:transform .15s var(--spring), background .18s;flex:none;font-weight:600}.stepper button:hover:not(:disabled){background:var(--surface-3)}.stepper button:active:not(:disabled){transform:scale(.9)}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper output{text-align:center;min-width:76px;font-size:var(--fs-md);font-variant-numeric:tabular-nums;font-weight:700}.stepper .unit{color:var(--text-2);font-weight:400;font-size:var(--fs-sm)}.check{align-items:flex-start;gap:var(--s3);font-size:var(--fs-base);display:flex}.check input{width:24px;height:24px;accent-color:var(--brand);flex:none;margin-top:3px}.check label{line-height:1.6}.result{top:var(--s4);position:sticky}.result.card{background:linear-gradient(160deg, var(--vault1), var(--vault2));color:var(--vault-ink);border:none;position:sticky;overflow:hidden;box-shadow:0 18px 44px -18px #080c188c,inset 0 1px #ffffff0f}.result.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(155deg, color-mix(in srgb, var(--vault-gold) 55%, transparent), transparent 42%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.result.card>*{position:relative}.result .big-label{font-size:var(--fs-sm);color:var(--vault-ink2);margin:0 0 var(--s1)}.result .big.owe{color:var(--vault-gold);text-shadow:0 1px 14px color-mix(in srgb, var(--vault-gold) 30%, transparent)}.result .pill{color:var(--vault-ink2);background:#ffffff12;border-color:#ffffff26}.result .empty-state{color:var(--vault-ink2)}.result .lines li{border-top-color:#ffffff1f}.result .lines li span:first-child{color:var(--vault-ink2)}.result .lines li span:last-child{color:var(--vault-ink)}.result .lines li.total{border-top-color:#ffffff52}.result .lines li.total span:first-child{color:var(--vault-ink)}.result .lines li.sub span:first-child{color:var(--vault-ink2)}.result .ladder-bar{border-color:#ffffff38}.result .ladder-seg.zero{color:var(--vault-ink2);background:#ffffff1a}.result .ladder-key{color:var(--vault-ink2)}.result .ladder-key i.zero{background:#ffffff1f;border-color:#ffffff40}.result .note{color:var(--vault-ink2);background:#ffffff0f;border-color:#ffffff1f}.result .note b{color:var(--vault-ink)}.result a{color:#9cc4ff}.result .big{margin:0 0 var(--s3);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:clamp(34px,7vw,42px);font-weight:700;line-height:1.15}.result .big .unit{font-size:var(--fs-lg);font-weight:600}.result .big.owe{color:var(--brand)}.result .big.refund{color:var(--good)}.pill-row{gap:var(--s2);margin:0 0 var(--s4);flex-wrap:wrap;display:flex}.pill{font-size:var(--fs-sm);padding:var(--s1) var(--s3);border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--text-2);display:inline-block}.lines{font-size:var(--fs-sm);margin:0;padding:0;list-style:none}.lines li{justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;border-top:1px solid var(--line);line-height:1.5;display:flex}.lines li span:first-child{color:var(--text-2)}.lines li span:last-child{white-space:nowrap;font-weight:600}.lines li.total{border-top:2px solid var(--line-control);font-weight:700}.lines li.total span:first-child{color:var(--text)}.lines li.sub span:first-child{padding-left:var(--s3);color:var(--text-3)}.empty-state{color:var(--text-2);font-size:var(--fs-sm);margin:0}.ladder{margin:var(--s4) 0 0}.ladder-bar{border-radius:var(--radius);border:1px solid var(--line-control);height:40px;display:flex;overflow:hidden}.ladder-seg{font-size:var(--fs-xs);color:var(--on-brand);background:var(--brand);border-right:1px solid var(--surface);place-items:center;min-width:0;font-weight:700;display:grid}.ladder-seg:last-child{border-right:0}.ladder-seg.zero{background:var(--surface-3);color:var(--text-2)}.ladder-key{gap:var(--s1) var(--s4);margin-top:var(--s3);font-size:var(--fs-sm);color:var(--text-2);flex-wrap:wrap;display:flex}.ladder-key span{align-items:center;gap:var(--s2);display:inline-flex}.ladder-key i{background:var(--brand);border-radius:3px;flex:none;width:12px;height:12px}.ladder-key i.zero{background:var(--surface-3);border:1px solid var(--line-control)}.mini-bar{z-index:40;background:var(--surface);border-top:1px solid var(--line-control);padding:var(--s3) var(--s5) calc(var(--s3) + env(safe-area-inset-bottom));align-items:center;gap:var(--s3);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px -12px #00000059}.mini-bar .mb-label{font-size:var(--fs-xs);color:var(--text-2);line-height:1.3;display:block}.mini-bar .mb-value{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.3}.mini-bar .mb-value.owe{color:var(--brand)}.mini-bar .mb-value.refund{color:var(--good)}.mini-bar .mb-text{min-width:0;margin-right:auto}@media (min-width:960px){.mini-bar{display:none}}@media (max-width:959px){body{padding-bottom:84px}.result{position:static}}.table-scroll{margin:var(--s4) 0 0;-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);min-width:520px}caption{text-align:left;color:var(--text-2);font-size:var(--fs-sm);padding-bottom:var(--s2)}th,td{text-align:right;padding:var(--s3) var(--s2);border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left;white-space:normal;min-width:150px}th{color:var(--text-2);font-weight:600;font-size:var(--fs-xs)}tbody tr:hover td{background:var(--surface-2)}tr.sweet td{background:var(--brand-soft);font-weight:700}tr.sweet:hover td{background:var(--brand-soft)}tr.sweet td:first-child:after{content:" ← จุดคุ้มสุด";color:var(--brand);font-size:var(--fs-xs);font-weight:700}.note{border:1px solid var(--line);border-left:4px solid var(--brand);background:var(--surface-2);border-radius:0 var(--radius) var(--radius) 0;padding:var(--s4);font-size:var(--fs-sm);color:var(--text-2);margin:var(--s4) 0 0;line-height:1.7}.note b{color:var(--text)}.note.warn{border-left-color:var(--warn);background:var(--warn-soft)}.note.good{border-left-color:var(--good);background:var(--good-soft)}.note.info{border-left-color:var(--info);background:var(--info-soft)}.note-tag{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--s1);font-weight:700;display:block}.note.warn .note-tag{color:var(--warn)}.note.good .note-tag{color:var(--good)}.note.info .note-tag{color:var(--info)}.note .note-tag{color:var(--brand)}.trimmed{margin:var(--s4) 0 0;font-size:var(--fs-sm);padding:0;list-style:none}.trimmed li{padding:var(--s2) 0;border-top:1px solid var(--line);color:var(--text-2);line-height:1.6}.trimmed b{color:var(--text)}details.rules{border-top:1px solid var(--line);padding:var(--s3) 0}details.rules summary{cursor:pointer;font-weight:600;font-size:var(--fs-base);justify-content:space-between;gap:var(--s3);align-items:center;min-height:44px;line-height:1.5;list-style:none;display:flex}details.rules summary::-webkit-details-marker{display:none}details.rules summary:after{content:"＋";color:var(--text-3);flex:none;font-weight:400}details.rules[open] summary:after{content:"－"}details.rules p{color:var(--text-2);font-size:var(--fs-sm);margin:var(--s2) 0 0;line-height:1.75}details.rules>.field,details.rules>.fields{margin-top:var(--s4)}.rule-list{font-size:var(--fs-sm);margin:0;padding:0;list-style:none}.rule-list li{padding:var(--s3) 0;border-top:1px solid var(--line);line-height:1.65}.rule-list li:first-child{border-top:0}.rule-list b{color:var(--text);display:block}.rule-list span{color:var(--text-2)}.btn{font:inherit;font-size:var(--fs-base);cursor:pointer;border-radius:var(--radius);min-height:48px;padding:0 var(--s5);border:1px solid var(--line-control);background:var(--surface-2);color:var(--text);justify-content:center;align-items:center;gap:var(--s2);transition:transform .15s var(--spring), background .18s, filter .18s;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(150deg, color-mix(in srgb, var(--brand) 82%, #fff 18%), var(--brand));color:var(--on-brand);box-shadow:0 8px 24px -10px color-mix(in srgb, var(--brand) 60%, transparent);border-color:#0000}.btn-primary:hover{filter:brightness(1.06)}.btn-sm{min-height:40px;font-size:var(--fs-sm);padding:0 var(--s4)}.btn-row{gap:var(--s3);margin-top:var(--s4);flex-wrap:wrap;display:flex}.site-footer{margin-top:var(--s14);padding:var(--s8) 0 var(--s10);border-top:1px solid var(--line);color:var(--text-2);font-size:var(--fs-sm)}.site-footer p{margin:0 0 var(--s2);line-height:1.7}.ad-wrap{margin:var(--s8) 0;min-height:90px}.ad-label{color:var(--text-3);letter-spacing:.08em;margin-bottom:var(--s1);font-size:11px;display:block}html:root:not([data-theme=light]){--bg:#0a192f;--surface:#0e2942;--surface-2:#0c2440;--surface-3:#002855;--line:#33505c;--text:#e0f2fe;--text-2:#9fb6c9;--text-3:#9fb6c9;--brand:#d4af37;--on-brand:#0a192f;--focus:#d4af37;--shadow:0 20px 45px -26px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html:root[data-theme=light]{--bg:#eef4f8;--surface:#fff;--surface-2:#e6f0f5;--surface-3:#e0f2fe;--line:#cbd9e1;--text:#0a192f;--text-2:#42606b;--text-3:#42606b;--brand:#9a6206;--on-brand:#fff;--focus:#005f73;--shadow:0 20px 45px -26px #18243c6b;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--vault1:#fffbf0;--vault2:#f7e7ce;--vault-gold:#8a5a00;--vault-ink:#0a192f;--vault-ink2:#42606b;--vault-good:#0f7a55}html:root[data-theme=light] .result.card{border:1px solid #e8d6a8}html:root[data-theme=light] .result .pill{background:#0a192f0d;border-color:#0a192f24}