* { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
html, body, #root { height: 100%; margin: 0; overflow: hidden; }
body { font-family: 'Space Grotesk', sans-serif; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(230, 73, 128, 0.5); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: rgba(230, 73, 128, 0.8); }

input[type="color"] { padding: 0; border: none; }
input[type="color"]::-webkit-color-swatch-wrapper { padding: 2px; }
input[type="color"]::-webkit-color-swatch { border: none; border-radius: 4px; }

@keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }