:root{--page-bg: #F3ECE1;--frame-bg: #E9F1EC}*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;overscroll-behavior-x:none;background:var(--page-bg);color:#2b2b33;font-family:Nunito,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}input,select,textarea{font-family:Nunito,sans-serif;-webkit-user-select:text;user-select:text}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px 0}.app-frame{width:min(370px,100%);height:min(800px,calc(100dvh - 32px));border-radius:32px;background:var(--frame-bg);box-shadow:0 30px 60px -20px #2b2b3359;overflow:hidden;position:relative;display:flex;flex-direction:column;container-type:inline-size;container-name:phone}.frame-scroll{flex:1;overflow-y:auto;scrollbar-gutter:stable}.frame-scroll::-webkit-scrollbar{width:0}@keyframes tp-confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(220px) rotate(280deg);opacity:0}}@keyframes tp-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tp-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}