*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;display:flex;align-items:center;justify-content:center;background:#e9dfcc;font-family:Karla,sans-serif;color:#2e2620;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;outline:none}.frame{width:min(430px,100vw);height:100dvh;background:linear-gradient(180deg,#fbf7ee,#f6efe1);position:relative;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 470px){.frame{height:min(880px,calc(100dvh - 48px));border-radius:30px;box-shadow:0 24px 60px #3c281438,0 0 0 1px #3c28140f}}.scroll-y{overflow-y:auto;scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#2e262059;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fadeIn .2s ease;z-index:10}.sheet{position:absolute;left:0;right:0;bottom:0;background:#fffdf8;border-radius:24px 24px 0 0;box-shadow:0 -8px 30px #3c28142e;padding:20px 22px 24px;animation:slideUp .25s ease;z-index:11}.sheet-grabber{width:36px;height:4px;border-radius:2px;background:#e0d4bd;margin:0 auto 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.55}}