/* Wspólne dla wszystkich stron: reset + design tokens (kolory, safe-area). */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

img, video, canvas, svg { max-width: 100%; height: auto; }

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&display=swap');

:root {
  --bg:#0a0d0a; --bg2:#10140f; --bg3:#161c15; --border:#253124;
  --text:#c9ecc9; --muted:#6f9573; --accent:#39ff6a; --accent-h:#22cc50;
  --correct-t:#39ff6a; --wrong-t:#f06a6a; --warn-t:#d8c84a; --multi-t:#5ab4f0;
  --mono:'JetBrains Mono','IBM Plex Mono',ui-monospace,SFMono-Regular,Consolas,monospace;
  --radius:4px;
  --safe-top:env(safe-area-inset-top,0px); --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px); --safe-right:env(safe-area-inset-right,0px);
}