:root{font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;color:#10202f;background:#e9f1f5;font-size:16px}*{box-sizing:border-box}body{margin:0}.shell{max-width:960px;margin:auto;padding:max(24px,env(safe-area-inset-top)) 20px max(40px,env(safe-area-inset-bottom))}.eyebrow{letter-spacing:.14em;font-size:.75rem;font-weight:700;color:#315a70}h1{font-size:clamp(2rem,5vw,3.25rem);margin:.2em 0}h2{margin-top:0}header>p:last-child,.muted{color:#456070;line-height:1.65}.card{border:1px solid #d7e3ea;background:white;border-radius:24px;padding:24px;margin:20px 0;box-shadow:0 10px 24px #1734460a}dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e9eff2;padding:12px 0}dt{color:#516775}dd{margin:0;font-weight:700;text-align:right}button{min-height:48px;cursor:pointer;border:1px solid #ccdce4;background:#f8fbfd;border-radius:12px;padding:10px 20px;color:#10202f;font-weight:650}button:focus-visible{outline:3px solid #0f799b;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}#money{display:block;font-size:2.25rem;font-variant-numeric:tabular-nums;text-align:right;margin:20px 0;padding:12px 0;border-bottom:2px solid #d9e5ea}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.keypad button{font-size:1.25rem;min-height:56px}.notice{border-radius:12px;background:#fff3d4;padding:18px}footer{font-size:.85rem;color:#546d7b;padding-top:20px}@media(min-width:850px){.shell{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.shell header,.shell aside,.shell footer{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}