:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#070808;color:#f2f5f0;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font-family:Manrope,system-ui,sans-serif}input::placeholder{color:#4e554d}input:focus{border-color:#cde84a!important}a{color:#cde84a}a:hover{color:#dcef77}.app-page{min-height:100dvh;background:#070808;display:flex;justify-content:center}.app-shell{position:relative;width:100%;max-width:640px;height:100dvh;overflow:hidden;background:#0a0c0b}@media(min-width:660px){.app-shell{border-left:1px solid #1D211D;border-right:1px solid #1D211D}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}.spin{animation:spin .8s linear infinite}@keyframes hourglass-flip{0%,40%{transform:rotate(0)}50%,90%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.hourglass-flip{animation:hourglass-flip 2.4s ease-in-out infinite}.pop{animation:pop .3s ease-out}:focus-visible{outline:2px solid #cde84a;outline-offset:2px}