/* 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; }
}
@keyframes flint-slide-up {
  from { transform: translateY(16px); opacity: 0.0; }
  to { transform: translateY(0); opacity: 1.0; }
}
@keyframes flint-slide-down {
  from { transform: translateY(-16px); opacity: 0.0; }
  to { transform: translateY(0); opacity: 1.0; }
}
@keyframes flint-scale-in {
  from { transform: scale(0.95); opacity: 0.0; }
  to { transform: scale(1); opacity: 1.0; }
}
:root { --color-bg: #f7f8fb; --color-ink: #101828; --color-muted: #475467; --color-line: rgba(16, 24, 40, 0.1); --color-panel: #ffffff; --color-panelMuted: #f8fafc; --color-inputBg: #ffffff; --color-inputBorder: rgba(16, 24, 40, 0.13); --color-brand: #0f766e; --color-soft: #f0fdf4; --color-danger: #dc2626; --color-success: #16a34a; --color-warning: #b45309; --radius-sm: 0.55rem; --radius-md: 0.9rem; --radius-lg: 1rem; --shadow-panel: 0 24px 80px rgba(16, 24, 40, 0.2); --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
:root[data-theme="light"], [data-theme="light"] { --color-bg: #f7f8fb; --color-ink: #101828; --color-muted: #475467; --color-line: rgba(16, 24, 40, 0.1); --color-panel: #ffffff; --color-panelMuted: #f8fafc; --color-inputBg: #ffffff; --color-inputBorder: rgba(16, 24, 40, 0.13); --color-brand: #0f766e; --color-soft: #f0fdf4; --color-danger: #dc2626; --color-success: #16a34a; --color-warning: #b45309; --radius-sm: 0.55rem; --radius-md: 0.9rem; --radius-lg: 1rem; --shadow-panel: 0 24px 80px rgba(16, 24, 40, 0.2); --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
:root[data-theme="dark"], [data-theme="dark"] { --color-bg: #0b0f19; --color-ink: #f8fafc; --color-muted: #94a3b8; --color-line: rgba(148, 163, 184, 0.2); --color-panel: #1e293b; --color-panelMuted: #0f172a; --color-inputBg: #0f172a; --color-inputBorder: rgba(148, 163, 184, 0.3); --color-brand: #2dd4bf; --color-soft: rgba(45, 212, 191, 0.14); --color-danger: #f87171; --color-success: #4ade80; --color-warning: #fbbf24; --radius-sm: 0.55rem; --radius-md: 0.9rem; --radius-lg: 1rem; --shadow-panel: 0 24px 80px rgba(0, 0, 0, 0.5); --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
:root { font-family: var(--font-sans); color: var(--color-ink); background: var(--color-bg); }
* { box-sizing: border-box; }
body { margin: 0px; min-width: 320px; background: var(--color-bg); }
a { color: inherit; text-decoration: none; }
[data-flint-page] { min-height: 100vh; }
img, picture, video, canvas, svg { max-width: 100%; }
button, input, textarea, select { font-family: inherit; }
@keyframes flint-spin {
  from { transform: rotate(0px); }
  to { transform: rotate(360deg); }
}
@keyframes flint-fade-in {
  from { opacity: 0.0; }
  to { opacity: 1.0; }
}
[data-flint-page] { min-height: 100vh; }
img, picture, video, canvas, svg { max-width: 100%; }
button, input, textarea, select { font: inherit; outline: none; }
button:focus, input:focus, textarea:focus, select:focus, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: none; }