/* Minimal safety stylesheet: prevents an unstyled SVG from covering the viewport.
   Tailwind's compiled CSS from globals.css remains the main UI stylesheet. */
:root { color-scheme: dark; }
html { background: #06060a; }
body { margin: 0; background: #06060a; color: #fff; font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
:where(img, video) { max-width: 100%; height: auto; }
:where(svg) { max-width: 100%; }
:where(a) { color: inherit; }
:where(button, input, textarea, select) { font: inherit; }
/* Explicit protection for brand mark when utility classes are absent. */
a[aria-label="Aura Bio – strona główna"] { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
a[aria-label="Aura Bio – strona główna"] > span:first-child { position: relative; display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 12px; background: linear-gradient(120deg,#8b5cf6,#ec4899,#06b6d4); }
a[aria-label="Aura Bio – strona główna"] > span:first-child > span { position: absolute; inset: 2px; border-radius: 10px; background: #0b0a12; }
a[aria-label="Aura Bio – strona główna"] > span:first-child svg { position: relative; width: 20px; height: 20px; }