:root{--bg:#f3f5f8;--surface:#fff;--surface-alt:#e6ebf1;--header:#2c3642;--on-header:#fff;--ink:#1a2029;--muted:#566170;--border:#d5dbe3;--border-strong:#6b7684;--accent:#1d5fd1;--accent-pressed:#174ca8;--on-accent:#fff;--success:#1e4d33;--success-bg:#e3efe6;--danger:#93000a;--danger-bg:#ffdad6}@media (prefers-color-scheme:dark){:root{--bg:#11161d;--surface:#1a212b;--surface-alt:#232c38;--header:#0d1117;--on-header:#e8edf3;--ink:#e8edf3;--muted:#a9b4c2;--border:#2f3945;--border-strong:#74828f;--accent:#7aa7f0;--accent-pressed:#9bbcf4;--on-accent:#0b1220;--success:#9fd3b0;--success-bg:#1d3326;--danger:#ffb4ab;--danger-bg:#5c0b07}}:root{--font-sans:"LINE Seed Sans TH", "Sukhumvit Set", "Thonburi", "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:1rem;line-height:1.6}h1{margin:0 0 8px;font-size:1.5rem;font-weight:700;line-height:1.4}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.app-shell{max-width:480px;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-right:max(16px, env(safe-area-inset-right));padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));margin:0 auto}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border:1px solid var(--border-strong);background:var(--surface);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;padding:0 24px;font-weight:700;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn-primary:active{background:var(--accent-pressed)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}