html,body,#root{height:100%}body{min-height:100dvh;-webkit-text-size-adjust:100%;font-family:Roboto,sans-serif;background-color:#111827;color:#fff;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes zoomLoop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-zoom-loop{animation:zoomLoop 1.5s infinite ease-in-out}.text-stroke{-webkit-text-stroke:1px black;text-shadow:2px 2px 0 #000}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9ca3afcc}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.safe-area{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}