* { box-sizing: border-box; margin: 0; padding: 0; }

html, body, #root {
  width: 100%; height: 100vh; overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif;
}

body { background: oklch(0.18 0.008 60); }
button, textarea, input { font-family: inherit; }

::-webkit-scrollbar { display: none; }
* { scrollbar-width: none; }

@keyframes mxd-spin { to { transform: rotate(360deg); } }
@keyframes mxd-bounce {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
  30% { transform: translateY(-4px); opacity: 1; }
}