@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;--primary-color:#5b171e;--secondary-color:#9e76b4}*,: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)}}@keyframes gearSpin{to{transform:rotate(360deg)}}@keyframes gearSpinReverse{to{transform:rotate(-360deg)}}@keyframes loadingPulse{0%,to{opacity:.45}50%{opacity:1}}.loading-splash{color:#fff;background:linear-gradient(165deg,#2a338f 0%,#1a1f66 55%,#151a52 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;animation:.35s fade;display:flex}.loading-gears{width:112px;height:96px;position:relative}.loading-gear{transform-origin:50%;display:block;position:absolute}.loading-gear--main{animation:2.8s linear infinite gearSpin;bottom:0;left:0}.loading-gear--small{animation:1.85s linear infinite gearSpinReverse;top:0;right:0}.loading-splash__title{letter-spacing:.4px;font-family:Prompt,sans-serif;font-size:28px;font-weight:700}.loading-splash__hint{letter-spacing:2px;opacity:.55;font-family:Prompt,sans-serif;font-size:14px;animation:1.6s ease-in-out infinite loadingPulse}button{-webkit-tap-highlight-color:transparent;font-family:inherit}textarea,input{-webkit-appearance:none;font-family:IBM Plex Sans Thai,sans-serif}.card-old{text-align:center;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a}
