:root{--bg:#f8fafd;--surface:#fff;--sunken:#f0f4f7;--line:#dde2e6;--line-strong:#c6cbd1;--ink:#151b24;--ink-2:#4f5661;--ink-3:#6f757e;--brand:#d02e1e;--brand-ink:#b01003;--brand-soft:#ffede8;--ok:#05893e;--bad:#c92f33;--tier-s:#ed4042;--tier-a:#f48d2f;--tier-b:#f2cf3b;--tier-c:#4ec36f;--tier-d:#519fdd;--on-tier:#fcfcfc;--on-tier-b:#382c0c;--r-sm:8px;--r:12px;--r-lg:16px;--shadow:0 1px 2px #11161f0f, 0 4px 16px #11161f0f;--ease:cubic-bezier(.2, .7, .2, 1);--font-head:var(--font-anuphan), "IBM Plex Sans Thai", system-ui, sans-serif;--font-body:var(--font-plex-thai), system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.257% -.443965 -1.43218);--surface:lab(100% 0 0);--sunken:lab(95.9353% -.662178 -2.14616);--line:lab(89.5535% -.877142 -2.8582);--line-strong:lab(81.4314% -1.0874 -3.56777);--ink:lab(9.42785% -.533104 -7.25476);--ink-2:lab(36.1243% -.829309 -7.36671);--ink-3:lab(48.9078% -.703722 -5.56341);--brand:lab(47.0331% 62.1515 49.9384);--brand-ink:lab(37.8224% 59.3109 51.6406);--brand-soft:lab(95.1374% 8.35013 6.70483);--ok:lab(49.6613% -45.6133 30.4579);--bad:lab(45.8749% 60.1361 37.4355);--tier-s:lab(54.9593% 66.408 40.8869);--tier-a:lab(69.1069% 35.1446 63.8963);--tier-b:lab(84.3203% 2.18803 72.6415);--tier-c:lab(70.6978% -48.2727 31.7859);--tier-d:lab(62.6228% -10.3248 -39.3783);--on-tier:lab(98.84% .0000298023 -.0000119209);--on-tier-b:lab(18.9341% 2.00762 21.8391);--shadow:0 1px 2px lab(7.13753% -.43682 -7.17928/.06), 0 4px 16px lab(7.13753% -.43682 -7.17928/.06)}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;font-size:16px;line-height:1.65;display:flex}h1,h2,h3{font-family:var(--font-head);text-wrap:balance;font-weight:700;line-height:1.3}h1{font-size:clamp(28px,6vw,40px)}h2{font-size:22px}h3{font-size:18px}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}main{flex:1;padding-bottom:64px}.muted{color:var(--ink-2)}.small{font-size:14px}.btn{border-radius:var(--r);background:var(--brand);min-height:48px;color:var(--on-tier);transition:transform .14s var(--ease), background .14s var(--ease);text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:600;display:inline-flex}.btn:hover{background:var(--brand-ink)}.btn:active{transform:scale(.97)}.btn:disabled{background:var(--line-strong);color:var(--ink-2);cursor:not-allowed;transform:none}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.btn-ghost:hover{background:var(--sunken)}.btn-block{width:100%}.link{color:var(--brand-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.proto{background:var(--ink);color:#eee;color:lab(94.2% 0 0);text-align:center;padding:6px 16px;font-size:13px}.tier-s{--t:var(--tier-s);--on:var(--on-tier)}.tier-a{--t:var(--tier-a);--on:var(--on-tier)}.tier-b{--t:var(--tier-b);--on:var(--on-tier-b)}.tier-c{--t:var(--tier-c);--on:var(--on-tier)}.tier-d{--t:var(--tier-d);--on:var(--on-tier)}.tier-tile{background:var(--t);color:var(--on);font-family:var(--font-head);flex-direction:column;justify-content:center;align-items:center;font-weight:700;line-height:1.1;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}