:root{--ground:#f6f5f2;--surface:#fff;--ink:#16161a;--ink-muted:#5f5e5a;--border:#e4e2dc;--border-strong:#c9c6be;--action:#c2410c;--on-action:#fff;--success:#1b5e3a;--success-bg:#e3f4ea;--error:#9b1c1c;--error-bg:#fde8e8;--link:#1d4ed8;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:Inter, "Noto Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);margin:0}button{cursor:pointer;font-family:inherit}a{color:var(--link)}.shell{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.header{justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 12px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:700}.muted{color:var(--ink-muted);font-size:14px}.main{flex-direction:column;flex:1;gap:16px;padding:8px 16px 24px;display:flex}.h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.btn{border:0;border-radius:12px;min-height:48px;padding:0 16px;font-size:16px;font-weight:700}.btn-primary{background:var(--action);color:var(--on-action)}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);font-weight:600}.notice{color:#7c2d12;background:#fff4ec;border-radius:10px;padding:12px;font-size:14px}.lang{gap:4px;display:flex}.lang button{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;min-width:44px;min-height:44px;font-weight:600}.lang button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.nav{border-top:1px solid var(--border);background:var(--surface);padding:8px 0 calc(12px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:sticky;bottom:0}.nav span{color:var(--ink-muted);justify-content:center;padding:10px 0;font-size:12px;display:flex}
