:root{--app-height: 100vh}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;position:fixed;background-color:#0f172a;-webkit-text-size-adjust:100%;overscroll-behavior:none}#root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;width:100%;height:100%!important}#app-main-container{height:var(--app-height, 100vh);display:flex;flex-direction:column;overflow:hidden;min-height:0;transition:transform .1s linear}main{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;background-color:#f8fafc}.nav-item-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#64748b;transition:all .2s ease;background:none;border:none;cursor:pointer}.nav-item-btn.active{color:#f59e0b}.nav-item-btn span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}body.keyboard-open nav{display:none!important}body.keyboard-open main{padding-bottom:80px}.uppercase-input{text-transform:uppercase}.uppercase-input::placeholder{text-transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.animate-slideUp{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-shake{animation:shake .5s linear}.mono{font-family:JetBrains Mono,monospace!important}.overflow-y-auto::-webkit-scrollbar{display:none}