@layer reset {
/* ── Reset ─────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; overflow: hidden; }
body { background: var(--bg); font-family: 'DM Sans', sans-serif; color: var(--text); }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; }
input, textarea, select { font-family: inherit; }

/* scrollbar */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: oklch(85% 0.01 65); border-radius: 2px; }

/* Hidden until shown by a Stimulus controller (toggled via classList). Used for
   form-based modals/popups because form_with does not emit an inline style. */
.is-hidden { display: none !important; }
}