:root{--brand: #16a34a;--brand-soft: #dcfce7;--danger: #dc2626;--danger-soft: #fee2e2;--bg: #f4f6f5;--surface: #ffffff;--line: #e5e7eb;--text: #111827;--muted: #6b7280;--nav-h: 62px}html,body{margin:0}body{font-family:Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}button{cursor:pointer}*{box-sizing:border-box}.page-head{position:sticky;top:0;z-index:10;padding:calc(14px + env(safe-area-inset-top)) 20px 14px;background:#fffffff0;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.page-head h1{margin:0;font-size:1.2rem;font-weight:700}.page-head p{margin:2px 0 0;color:var(--muted);font-size:.85rem}.page-body{max-width:760px;margin:0 auto;padding:16px 16px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom))}