.tool{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;align-items:start}.field{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-top:1px solid var(--line)}.field:first-child{border-top:0;padding-top:0}.field .lab{display:flex;justify-content:space-between;align-items:baseline;font-weight:600}.field .lab output{font-family:"Noto Serif Thai",serif;font-size:22px;color:var(--brand)}.field input[type=range]{width:100%;height:44px;margin:0;accent-color:#0E3B2E;cursor:pointer}.field[hidden]{display:none}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;background:#f1eee8;border-radius:16px;padding:5px}.seg button{min-height:44px;border:0;border-radius:12px;background:transparent;font:inherit;font-size:15px;color:var(--ink);cursor:pointer}.seg button[aria-pressed=true]{background:#fff;font-weight:600;box-shadow:0 4px 12px -6px #00000040;color:var(--brand)}.res{position:sticky;top:20px;border-radius:28px;padding:28px;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#17543f,#0e3b2e 55%,#0b2f25);display:flex;flex-direction:column;gap:16px}.res .pct{font-family:"Noto Serif Thai",serif;font-size:76px;line-height:1;font-weight:700}.res .btn-ghost-dark{min-height:48px;color:#fff;border:1.5px solid rgba(255,255,255,.3)}.bar{position:relative;height:14px;border-radius:999px;background:linear-gradient(90deg,#3fae78 0 25%,#e2b33c 25% 50%,#e6824a 50% 75%,#d14b3a 75%)}.bar i{position:absolute;top:-6px;width:6px;height:26px;border-radius:4px;background:#fff;box-shadow:0 0 0 3px #00000040;transform:translate(-50%);transition:left .3s ease}.barl{display:grid;grid-template-columns:repeat(4,1fr);font-size:12px;color:#a9c4b6;margin-top:6px}.wi{display:flex;flex-direction:column;gap:8px}.wi>div{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 14px;font-size:15px}.wi b{font-family:"Noto Serif Thai",serif;font-size:20px;color:#9fd3b5;white-space:nowrap}.tcard{display:flex;flex-direction:column;gap:12px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;transition:border-color .2s,transform .2s;position:relative}.tcard:hover{border-color:var(--accent);transform:translateY(-2px)}.tcard h3{margin:0;font-size:22px}.tcard p{margin:0;color:var(--muted);font-size:15px;flex:1}.tcard .pill{position:absolute;top:24px;right:24px}.tcard .icb{width:56px;height:56px}.mindsec .eyebrow{color:#4b5fa8}.mindsec .icb{background:linear-gradient(160deg,#eef1fb,#d6def4);color:#2b3a6e}.mindsec .more{color:#4b5fa8}.qz{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:start}.qblock{background:#fff;border:1px solid var(--line);border-radius:28px;padding:8px 28px 20px}.qblock[hidden]{display:none}.qhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 0 6px}.qhead b{font-size:18px}.qhead span{font-size:14px;color:var(--muted)}.q{padding:18px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.q p{margin:0;font-size:17px;font-weight:500;display:flex;gap:12px}.q p i{font-style:normal;flex:none;width:28px;height:28px;border-radius:50%;background:var(--mint);color:var(--brand);font-size:14px;font-weight:700;display:grid;place-items:center}.opts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;padding-left:40px}.opts button{min-height:48px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font:inherit;font-size:14px;line-height:1.3;color:var(--ink);cursor:pointer;padding:6px 8px}.opts button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.mind .opts button[aria-pressed=true]{background:#4b5fa8;border-color:#4b5fa8}.mres{position:sticky;top:20px;border-radius:28px;padding:28px;color:#fff;display:flex;flex-direction:column;gap:14px;background:radial-gradient(120% 140% at 0% 0%,#3d4f8f,#2b3a6e 55%,#222e57)}.mres .sc{font-family:"Noto Serif Thai",serif;font-size:64px;line-height:1;font-weight:700}.mres .sc small{font-size:22px;color:#b8c3e8}.prog{height:8px;border-radius:999px;background:#ffffff26;overflow:hidden}.prog i{display:block;height:100%;background:#9fb4f2;border-radius:999px;transition:width .3s ease}.crisis{display:flex;gap:14px;align-items:flex-start;background:#fff0ea;border:1.5px solid #F3B9A2;border-radius:20px;padding:18px;color:#5a2a15}.crisis[hidden]{display:none}.crisis b{font-size:17px}.crisis a{font-weight:700;color:#b3360a}.crisis svg{flex:none;color:#b3360a}.mind .phero{background:radial-gradient(90% 120% at 100% 0%,#dce3f7,#dce3f700 60%),linear-gradient(180deg,#eef1fa,#e4e9f6)}.mind .eyebrow{color:#4b5fa8}.mind .icb{background:linear-gradient(160deg,#eef1fb,#d6def4);color:#2b3a6e}.helpl{display:flex;flex-direction:column;gap:8px}.helpl a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:0 16px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;font-size:15px}.helpl a b{font-family:"Noto Serif Thai",serif;font-size:20px}.mres .reset{min-height:44px;border:0;background:transparent;color:#b8c3e8;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}@media(max-width:860px){.tool,.qz{grid-template-columns:1fr}.res,.mres{position:static}}@media(max-width:720px){.opts{grid-auto-flow:row;grid-template-columns:1fr 1fr;padding-left:0}.qblock{padding:4px 18px 16px}.res .pct{font-size:60px}}@media(prefers-reduced-motion:reduce){.bar i,.prog i{transition:none}}