/* ===== Reset & Base ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', system-ui, sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  min-height: 100vh;
  line-height: 1.6;
}

/* ===== Scrollbar ===== */
::-webkit-scrollbar          { width: 6px; }
::-webkit-scrollbar-track    { background: var(--bg-primary); }
::-webkit-scrollbar-thumb    { background: var(--border); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }

/* ===== Screen switching ===== */
.screen { display: none !important; }
.screen.active { display: block !important; }

/* ===== Responsive helpers ===== */
@media (max-width: 768px) {
  .hide-mobile { display: none !important; }
}