/* ══════════════════════════════════════
   RESET & ПЕРЕМЕННЫЕ
══════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }


html, body {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  overflow: hidden;
  transition: background .3s, color .3s;
}






/* ══════════════════════════════════════
   СТРАНИЦА 1 — ФИЛЬТРЫ
══════════════════════════════════════ */


/* ── Экран страницы: центрирует содержимое ──────────────────── */
.screen {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: 24px 16px;
}