/* Generated from Flint UI root design. */
@keyframes flint-spin {
  from { transform: rotate(0px); }
  to { transform: rotate(360deg); }
}
@keyframes flint-fade-in {
  from { opacity: 0.0; }
  to { opacity: 1.0; }
}
:root { --color-bg: #05070d; --color-text: #ffffff; --color-muted: #a8b3c5; --color-panel: #0f172a; --color-panelStrong: #111827; --color-line: rgba(51, 65, 85, 0.82); --color-primary: #34d399; --color-accent: #38bdf8; --color-warning: #f59e0b; --space-pageX: min(1152px, calc(100% - 32px)); --space-sectionY: 64px; --radius-md: 8px; --radius-pill: 9999px; --shadow-sm: 0px 14px 34px -24px rgba(2, 6, 23, 0.42); --shadow-glow: 0px 18px 54px -30px rgba(56, 189, 248, 0.42); --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
:root[data-theme="light"], [data-theme="light"] { --color-bg: #f8fafc; --color-text: #0f172a; --color-muted: #475569; --color-panel: #ffffff; --color-panelStrong: #f1f5f9; --color-line: rgba(148, 163, 184, 0.42); --color-primary: #059669; --color-accent: #0284c7; --color-warning: #b45309; --space-pageX: min(1152px, calc(100% - 32px)); --space-sectionY: 64px; --radius-md: 8px; --radius-pill: 9999px; --shadow-sm: 0px 14px 34px -24px rgba(15, 23, 42, 0.18); --shadow-glow: 0px 18px 54px -30px rgba(2, 132, 199, 0.2); --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
:root[data-theme="dark"], [data-theme="dark"] { --color-bg: #05070d; --color-text: #ffffff; --color-muted: #a8b3c5; --color-panel: #0f172a; --color-panelStrong: #111827; --color-line: rgba(51, 65, 85, 0.82); --color-primary: #34d399; --color-accent: #38bdf8; --color-warning: #f59e0b; --space-pageX: min(1152px, calc(100% - 32px)); --space-sectionY: 64px; --radius-md: 8px; --radius-pill: 9999px; --shadow-sm: 0px 14px 34px -24px rgba(2, 6, 23, 0.42); --shadow-glow: 0px 18px 54px -30px rgba(56, 189, 248, 0.42); --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; font-family: var(--font-sans); color: var(--color-text); background: var(--color-bg); }
a { color: inherit; text-decoration: none; }
@keyframes flint-docs-rise {
  from { transform: translate3d(0px, 22px, 0px); opacity: 0.0; }
  to { transform: translate3d(0px, 0px, 0px); opacity: 1.0; }
}
@keyframes flint-docs-float {
  0% { transform: translate3d(0px, 0px, 0px) rotate(0px); }
  50% { transform: translate3d(0px, -16px, 0px) rotate(3deg); }
  100% { transform: translate3d(0px, 0px, 0px) rotate(0px); }
}
@keyframes flint-docs-orbit {
  from { transform: rotate(0px); }
  to { transform: rotate(360deg); }
}
@keyframes flint-docs-scan {
  from { transform: translateX(-120%); }
  to { transform: translateX(120%); }
}
@keyframes flint-docs-pulse {
  0% { opacity: 0.42; }
  50% { opacity: 0.86; }
  100% { opacity: 0.42; }
}
[data-flint-page] { min-height: 100vh; }
img, picture, video, canvas, svg { max-width: 100%; }
button, input, textarea, select { font: inherit; }