@import "https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700;800&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";:root{--navy:#232c8f;--navy-deep:#1a1f66;--purple:#6a2c91;--maroon:#8e2434;--bg:#f4f3f6;--ink:#1b1c2e;--muted:#74758a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;background:#0f1120;height:100%;font-family:IBM Plex Sans Thai,sans-serif}.app-frame{background:var(--bg);flex-direction:column;width:100%;max-width:402px;height:100%;max-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=480px){body{justify-content:center;align-items:center;min-height:100vh;display:flex}.app-frame{border-radius:40px;height:874px;max-height:874px;box-shadow:0 40px 80px #0000008c}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shk{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}button{-webkit-tap-highlight-color:transparent;font-family:inherit}textarea,input{-webkit-appearance:none;font-family:IBM Plex Sans Thai,sans-serif}