*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#f0eee9;font-family:Plus Jakarta Sans,IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;align-items:center;justify-content:center}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{text-decoration:none;color:inherit}.scroll::-webkit-scrollbar{display:none}.scroll{-ms-overflow-style:none;scrollbar-width:none}.phone-shell{width:390px;height:844px;border-radius:52px;overflow:hidden;position:relative;background:#fff7f2;box-shadow:0 40px 80px #2d211c29,0 0 0 1px #2d211c0d,inset 0 0 0 7px #1a1410;display:flex;flex-direction:column}.phone-shell:before,.phone-shell:after{content:"";position:absolute;width:4px;border-radius:2px;background:#1a1410}.phone-shell:before{height:70px;right:-4px;top:160px}.phone-shell:after{height:44px;left:-4px;top:140px;box-shadow:0 60px #1a1410}.dynamic-island{position:absolute;top:13px;left:50%;transform:translate(-50%);width:120px;height:34px;background:#000;border-radius:20px;z-index:200;pointer-events:none}.phone-content{position:relative;flex:1;overflow:hidden;background:#fff7f2}@media (max-width: 460px){html,body{background:#fff7f2}#root{align-items:stretch;justify-content:stretch}.phone-shell{width:100%;height:100dvh;border-radius:0;box-shadow:none}.phone-shell:before,.phone-shell:after{display:none}.dynamic-island,.status-bar{display:none}}.tap{transition:transform .13s ease,opacity .13s ease;-webkit-tap-highlight-color:transparent}.tap:active{transform:scale(.96);opacity:.85}.tap-sm:active{transform:scale(.94)}@keyframes pulse-cam{0%,to{transform:scale(1)}50%{transform:scale(.9)}}.cam-pulse{animation:pulse-cam .65s ease-in-out infinite}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}.toast-visible{animation:toast-in .28s cubic-bezier(.2,.7,.3,1) forwards}.toast-hidden{opacity:0;pointer-events:none}@keyframes check-pop{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}.check-pop{animation:check-pop .3s cubic-bezier(.2,.7,.3,1) forwards}.ring-progress{transition:stroke-dasharray .8s cubic-bezier(.2,.7,.3,1)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
