html { height: 100%; }

body {
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  /* Use small viewport height so layout is always sized with the URL bar visible.
     Falls back to 100vh on browsers that don't support svh yet. */
  height: 100vh;
  height: 100svh;
}

/* Thin dark scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: #334155 transparent;
}
*::-webkit-scrollbar { width: 4px; height: 4px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: #334155; border-radius: 2px; }

/* Milestone / streak animations */
.milestone-dot { transition: all 0.3s ease; }
.streak-day    { transition: all 0.2s ease; }

@keyframes pop {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.15); }
}
.pop { animation: pop 0.4s ease; }

/* Prevent iOS tap highlight on interactive elements */
a, button, label { -webkit-tap-highlight-color: transparent; }