:root{--background: oklch(.97 .01 250);--foreground: oklch(.25 .03 250);--card: oklch(1 0 0);--card-foreground: oklch(.25 .03 250);--popover: oklch(1 0 0);--popover-foreground: oklch(.25 .03 250);--primary: oklch(.58 .22 260);--primary-foreground: oklch(.98 0 0);--secondary: oklch(.72 .03 250);--secondary-foreground: oklch(.2 .02 250);--muted: oklch(.93 .01 250);--muted-foreground: oklch(.5 .02 250);--accent: oklch(.55 .15 35);--accent-foreground: oklch(.98 0 0);--destructive: oklch(.628 .258 29.23);--destructive-foreground: oklch(.98 0 0);--border: oklch(.88 .01 250);--input: oklch(.88 .01 250);--ring: oklch(.58 .22 260);--font-display: "Space Grotesk", sans-serif;--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius: 8px}.dark{--background: oklch(.12 .01 250);--foreground: oklch(.9 .01 250);--card: oklch(.18 .01 250);--card-foreground: oklch(.9 .01 250);--popover: oklch(.18 .01 250);--popover-foreground: oklch(.9 .01 250);--primary: oklch(.58 .22 260);--primary-foreground: oklch(.98 0 0);--secondary: oklch(.35 .03 250);--secondary-foreground: oklch(.9 .01 250);--muted: oklch(.15 .01 250);--muted-foreground: oklch(.6 .02 250);--accent: oklch(.55 .15 35);--accent-foreground: oklch(.98 0 0);--destructive: oklch(.628 .258 29.23);--destructive-foreground: oklch(.98 0 0);--border: oklch(.25 .01 250);--input: oklch(.25 .01 250);--ring: oklch(.58 .22 260)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--muted) 25%,var(--border) 50%,var(--muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}