/* 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: #f5fbf8; --color-ink: #0f172a; --color-muted: #526170; --color-line: rgba(15, 23, 42, 0.1); --color-panel: #ffffff; --color-panelMuted: #f8fafc; --color-inputBg: #ffffff; --color-inputBorder: rgba(15, 23, 42, 0.13); --color-emerald: #10b981; --color-teal: #0f766e; --color-sky: #0284c7; --color-night: #0f172a; --color-soft: #ecfdf5; --color-danger: #dc2626; --color-success: #16a34a; --color-warning: #b45309; --color-navActive: #0f172a; --color-navActiveInk: #ffffff; --color-navIconBg: #f1f5f9; --color-navIconInk: #475569; --color-avatarBg: #ccfbf1; --color-avatarInk: #334155; --space-pageX: min(1180px, calc(100% - 32px)); --radius-sm: 8px; --radius-md: 8px; --radius-pill: 999px; --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: #f5fbf8; --color-ink: #0f172a; --color-muted: #526170; --color-line: rgba(15, 23, 42, 0.1); --color-panel: #ffffff; --color-panelMuted: #f8fafc; --color-inputBg: #ffffff; --color-inputBorder: rgba(15, 23, 42, 0.13); --color-emerald: #10b981; --color-teal: #0f766e; --color-sky: #0284c7; --color-night: #0f172a; --color-soft: #ecfdf5; --color-danger: #dc2626; --color-success: #16a34a; --color-warning: #b45309; --color-navActive: #0f172a; --color-navActiveInk: #ffffff; --color-navIconBg: #f1f5f9; --color-navIconInk: #475569; --color-avatarBg: #ccfbf1; --color-avatarInk: #334155; --space-pageX: min(1180px, calc(100% - 32px)); --radius-sm: 8px; --radius-md: 8px; --radius-pill: 999px; --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: #030712; --color-ink: #f8fafc; --color-muted: #a7b5c8; --color-line: rgba(148, 163, 184, 0.24); --color-panel: rgba(15, 23, 42, 0.88); --color-panelMuted: rgba(17, 24, 39, 0.82); --color-inputBg: rgba(2, 6, 23, 0.72); --color-inputBorder: rgba(148, 163, 184, 0.3); --color-emerald: #34d399; --color-teal: #2dd4bf; --color-sky: #38bdf8; --color-night: #020617; --color-soft: rgba(16, 185, 129, 0.12); --color-danger: #f87171; --color-success: #4ade80; --color-warning: #fbbf24; --color-navActive: rgba(45, 212, 191, 0.2); --color-navActiveInk: #ecfeff; --color-navIconBg: rgba(148, 163, 184, 0.12); --color-navIconInk: #cbd5e1; --color-avatarBg: rgba(45, 212, 191, 0.2); --color-avatarInk: #ccfbf1; --space-pageX: min(1180px, calc(100% - 32px)); --radius-sm: 8px; --radius-md: 8px; --radius-pill: 999px; --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; overflow-x: hidden; font-family: var(--font-sans); color: var(--color-ink); background: radial-gradient(circle at 10% -8%, rgba(45, 212, 191, 0.18) 0%, transparent 32%), radial-gradient(circle at 92% 4%, rgba(56, 189, 248, 0.14) 0%, transparent 30%), radial-gradient(circle at 64% 112%, rgba(99, 102, 241, 0.1) 0%, transparent 34%), var(--color-bg); transition: color 260ms ease, background 260ms ease, border-color 260ms ease; }
a { color: inherit; text-decoration: none; }
*::-webkit-scrollbar { width: 0px; height: 0px; display: none; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: transparent; }
@keyframes euch-rise {
  from { transform: translateY(22px); opacity: 0.0; }
  to { transform: translateY(0px); opacity: 1.0; }
}
@keyframes euch-float {
  0% { transform: translateY(0px) rotate(0px); }
  50% { transform: translateY(-14px) rotate(3deg); }
  100% { transform: translateY(0px) rotate(0px); }
}
@keyframes euch-orbit {
  from { transform: rotate(0px); }
  to { transform: rotate(360deg); }
}
@keyframes euch-scan {
  from { transform: translateX(-115%); }
  to { transform: translateX(115%); }
}
@keyframes euch-pulse {
  0% { opacity: 0.38; }
  50% { opacity: 0.82; }
  100% { opacity: 0.38; }
}
@keyframes euch-glow-drift {
  0% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(-10px) scale(1.03); }
  100% { transform: translateY(0px) scale(1); }
}
[data-flint-page] { min-height: 100vh; }
img, picture, video, canvas, svg { max-width: 100%; }
button, input, textarea, select { font: inherit; }