:root{--yellow:#f4cd01;--yellow-soft:#fbe76e;--crystal:#a0d3d9;--crystal-deep:#3fa0ac;--olivine:#92b473;--tangerine:#f28705;--orange:#f28705;--ocean:#0e4d5c;--ink:#232323;--sand:#e8e4dc;--cream:#f8f5ee;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cream);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{cursor:pointer;font-family:inherit}@keyframes slideup{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.82)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.anim-slideup{animation:.55s cubic-bezier(.2,.7,.2,1) both slideup}.anim-fadein{animation:.35s both fadein}.anim-pop{animation:.5s cubic-bezier(.2,.7,.2,1) both pop}.scroll-area{-webkit-overflow-scrolling:touch;overflow:hidden auto}.scroll-area::-webkit-scrollbar{display:none}@keyframes spin{to{transform:rotate(360deg)}}.anim-spin{animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.anim-slideup,.anim-fadein,.anim-pop,.anim-spin{animation:none}}@media (width>=540px){html,body{background:#c8c4bc;justify-content:center;display:flex}#root{flex-shrink:0;width:430px;min-height:100%;box-shadow:0 0 0 1px #0000001a,0 24px 80px #00000038}}.arrow-btn{display:none}@media (hover:hover) and (pointer:fine){.arrow-btn{display:flex}}.input-field{color:#232323;width:100%;height:52px;font-size:16px;font-family:var(--font-body);appearance:none;background:#fff;border:1.5px solid #e8e4dc;border-radius:14px;outline:none;padding:0 16px;transition:border-color .15s,box-shadow .15s}.input-field:focus{border-color:#3fa0ac;box-shadow:0 0 0 3px #3fa0ac26}.input-field::placeholder{color:#2323234d}
