@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.13 .028 261.692);--card: oklch(1 0 0);--card-foreground: oklch(.13 .028 261.692);--popover: oklch(1 0 0);--popover-foreground: oklch(.13 .028 261.692);--primary: oklch(.21 .034 264.665);--primary-foreground: oklch(.985 .002 247.839);--secondary: oklch(.967 .003 264.542);--secondary-foreground: oklch(.21 .034 264.665);--muted: oklch(.967 .003 264.542);--muted-foreground: oklch(.551 .027 264.364);--accent: oklch(.967 .003 264.542);--accent-foreground: oklch(.21 .034 264.665);--destructive: oklch(.577 .245 27.325);--border: oklch(.928 .006 264.531);--input: oklch(.928 .006 264.531);--ring: oklch(.707 .022 261.325);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 .002 247.839);--sidebar-foreground: oklch(.13 .028 261.692);--sidebar-primary: oklch(.21 .034 264.665);--sidebar-primary-foreground: oklch(.985 .002 247.839);--sidebar-accent: oklch(.967 .003 264.542);--sidebar-accent-foreground: oklch(.21 .034 264.665);--sidebar-border: oklch(.928 .006 264.531);--sidebar-ring: oklch(.707 .022 261.325)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:#f8f8fd;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;min-height:100vh;position:relative;z-index:1}@custom-variant dark (&:is(.dark *));*{font-family:Inter,sans-serif}.dark{--background: oklch(.13 .028 261.692);--foreground: oklch(.985 .002 247.839);--card: oklch(.21 .034 264.665);--card-foreground: oklch(.985 .002 247.839);--popover: oklch(.21 .034 264.665);--popover-foreground: oklch(.985 .002 247.839);--primary: oklch(.928 .006 264.531);--primary-foreground: oklch(.21 .034 264.665);--secondary: oklch(.278 .033 256.848);--secondary-foreground: oklch(.985 .002 247.839);--muted: oklch(.278 .033 256.848);--muted-foreground: oklch(.707 .022 261.325);--accent: oklch(.278 .033 256.848);--accent-foreground: oklch(.985 .002 247.839);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.551 .027 264.364);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.21 .034 264.665);--sidebar-foreground: oklch(.985 .002 247.839);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 .002 247.839);--sidebar-accent: oklch(.278 .033 256.848);--sidebar-accent-foreground: oklch(.985 .002 247.839);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.551 .027 264.364)}@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}#root{width:100%;margin:0;padding:0;text-align:center;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Tektur,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}