:root{--bg:#0e1729;--panel:#16223a;--panel-2:#1d2c49;--line:#2b3c5f;--text:#eef3fb;--muted:#9aaecb;--accent:#f0b34a;--accent-2:#5fd0a8;--on-accent:#221703;--danger:#ff9a8a;--radius:14px;--font:"IBM Plex Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f3f5fa;--panel:#fff;--panel-2:#eef2f9;--line:#d8e0ee;--text:#14213d;--muted:#5a6c8c;--accent:#b57310;--accent-2:#0d8a68;--on-accent:#fff;--danger:#c0392b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}a{color:var(--accent-2)}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand-mark{background:var(--accent);width:32px;height:32px;color:var(--on-accent);border-radius:9px;place-items:center;font-size:17px;display:grid}.badge{color:var(--muted);border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;display:inline-flex}.dot{background:var(--accent-2);border-radius:50%;width:7px;height:7px}.hero{max-width:720px;padding:24px 0 8px}.hero h1{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(28px,5vw,42px);line-height:1.25}.hero .accent{color:var(--accent)}.lede{color:var(--muted);margin:0;font-size:17px}.crumbs{color:var(--muted);margin:0 0 8px;font-size:14px}.crumbs a{color:var(--muted)}.layout{grid-template-columns:1fr;align-items:start;gap:20px;margin-top:28px;display:grid}@media (min-width:900px){.layout{grid-template-columns:1fr 340px}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;padding:20px}.card>h2{margin:0 0 4px;font-size:18px}.card>.hint{color:var(--muted);margin:0 0 16px;font-size:14px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field label{margin-bottom:5px;font-size:14.5px;font-weight:500;display:block}.field .cap{color:var(--muted);font-size:13px;font-weight:400}.input-row{align-items:stretch;gap:8px;display:flex}.input-row .suffix{color:var(--muted);border:1px solid var(--line);background:var(--panel-2);border-left:none;border-radius:0 10px 10px 0;place-items:center;padding:0 12px;font-size:13px;display:grid}input[type=number],input[type=text]{width:100%;min-width:0;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:15px}.input-row input{border-radius:10px 0 0 10px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.check{align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.check input{width:17px;height:17px;accent-color:var(--accent);flex:none;margin-top:4px}.why{color:var(--muted);border-left:2px solid var(--line);margin-top:5px;padding-left:10px;font-size:13px}.result{position:sticky;top:16px}.result .big{letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1.2}.result .big.owe{color:var(--accent)}.result .big.refund{color:var(--accent-2)}.result .big-label{color:var(--muted);margin-bottom:2px;font-size:14px}.lines{margin:18px 0 0;padding:0;font-size:14.5px;list-style:none}.lines li{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.lines li span:first-child{color:var(--muted)}.lines li.total{border-top:2px solid var(--line);font-weight:700}.lines li.sub span:first-child{padding-left:12px;font-size:13.5px}.pill{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:13px;display:inline-block}.table-scroll{margin:16px -4px 0;padding:0 4px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}th,td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 8px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-size:13px;font-weight:600}tr.sweet td{background:color-mix(in srgb, var(--accent) 14%, transparent);font-weight:600}tr.sweet td:first-child:after{content:" ← จุดคุ้มสุด";color:var(--accent);font-size:12.5px}.note{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--panel-2);color:var(--muted);border-radius:0 10px 10px 0;margin:16px 0 0;padding:14px 16px;font-size:14.5px}.note b{color:var(--text)}.note.warn{border-left-color:var(--danger)}.note.good{border-left-color:var(--accent-2)}.trimmed{margin:14px 0 0;padding:0;font-size:14px;list-style:none}.trimmed li{border-top:1px solid var(--line);color:var(--muted);padding:8px 0}.trimmed b{color:var(--text)}details.rules{border-top:1px solid var(--line);padding:12px 0}details.rules summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none}details.rules summary::-webkit-details-marker{display:none}details.rules summary:after{content:" ＋";color:var(--muted);font-weight:400}details.rules[open] summary:after{content:" －"}details.rules p{color:var(--muted);margin:8px 0 0;font-size:14px}.rule-list{margin:0;padding:0;font-size:14px;list-style:none}.rule-list li{border-top:1px solid var(--line);padding:10px 0}.rule-list b{display:block}.rule-list span{color:var(--muted)}.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;padding:10px 18px;font-size:15px;font-weight:600}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn:hover{filter:brightness(1.08)}.btn-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:56px;padding:28px 0 40px;font-size:14px}.site-footer p{margin:0 0 8px}.ad-wrap{min-height:90px;margin:28px 0}.ad-label{color:var(--muted);letter-spacing:.08em;margin-bottom:4px;font-size:11px;display:block}.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}