*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#0c100c;width:100%;height:100%;overflow:hidden}#root{justify-content:center;align-items:center;display:flex}.phone-frame{background:#f2ede0;border-radius:48px;flex-direction:column;width:390px;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 0 0 10px #1a1a1a,0 0 0 12px #ffffff0a,0 32px 80px #000000d9,0 8px 24px #00000080}.app-root{background:#f2ede0;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}@media (height<=900px),(width<=450px){.phone-frame{width:100vw;height:100dvh;box-shadow:none;border-radius:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.screen-forward{animation:.22s cubic-bezier(.25,.46,.45,.94) both slideInRight}.screen-back{animation:.22s cubic-bezier(.25,.46,.45,.94) both slideInLeft}.screen-tab{animation:.18s both fadeIn}input,textarea,select{appearance:none;font-family:Lora,serif}input:focus,textarea:focus,select:focus{outline:none}::-webkit-scrollbar{width:0;height:0}*{scrollbar-width:none}[data-tap]:active{opacity:.75;transform:scale(.98)}.desktop-label{opacity:.45;pointer-events:none;color:#fff;letter-spacing:.06em;align-items:center;gap:10px;font-family:Lora,serif;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@media (width<=450px){.desktop-label{display:none}}