*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html,body,#root{height:100%}body{margin:0;-webkit-text-size-adjust:100%}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.tab-bar{display:flex;gap:4px;box-sizing:border-box;background:#fdfaf2;border:1px solid #dccdae;border-radius:34px;padding:9px;box-shadow:inset 0 0 0 4px #fdfaf2,inset 0 0 0 5px #b8935a80,0 16px 30px -14px #2a242080,0 2px 6px #2a242014;margin-top:32px}.tab-bar+*{padding-top:12px}@media (max-width: 640px){.tab-bar{position:fixed;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));margin-top:0;z-index:10}.content-area{padding-bottom:calc(max(24px,env(safe-area-inset-bottom)) + 88px)}}