:root{--background: oklch(0 0 0);--foreground: oklch(1 0 0);--card: oklch(.1 0 0 / .1);--card-foreground: oklch(1 0 0);--popover: oklch(0 0 0 / .8);--popover-foreground: oklch(1 0 0);--primary: oklch(1 0 0);--primary-foreground: oklch(0 0 0);--secondary: oklch(.65 .25 25);--secondary-foreground: oklch(1 0 0);--muted: oklch(1 0 0 / .5);--muted-foreground: oklch(.7 0 0);--accent: oklch(.65 .25 25);--accent-foreground: oklch(1 0 0);--destructive: oklch(.6 .25 15);--destructive-foreground: oklch(1 0 0);--border: oklch(1 0 0 / .2);--input: oklch(1 0 0 / .1);--ring: oklch(1 0 0 / .3);--chart-1: oklch(.65 .25 25);--chart-2: oklch(.8 .15 85);--chart-3: oklch(.7 .2 140);--chart-4: oklch(.7 .2 240);--chart-5: oklch(.6 .25 300);--radius: .5rem;--sidebar: oklch(0 0 0 / .9);--sidebar-foreground: oklch(1 0 0);--sidebar-primary: oklch(.65 .25 25);--sidebar-primary-foreground: oklch(1 0 0);--sidebar-accent: oklch(.65 .25 25);--sidebar-accent-foreground: oklch(1 0 0);--sidebar-border: oklch(1 0 0 / .2);--sidebar-ring: oklch(1 0 0 / .3);--font-geist-sans: "Geist Sans", sans-serif;--font-geist-mono: "Geist Mono", monospace}.dark{--background: oklch(0 0 0);--foreground: oklch(1 0 0);--card: oklch(.1 0 0 / .1);--card-foreground: oklch(1 0 0);--popover: oklch(0 0 0 / .8);--popover-foreground: oklch(1 0 0);--primary: oklch(1 0 0);--primary-foreground: oklch(0 0 0);--secondary: oklch(.65 .25 25);--secondary-foreground: oklch(1 0 0);--muted: oklch(1 0 0 / .5);--muted-foreground: oklch(.7 0 0);--accent: oklch(.65 .25 25);--accent-foreground: oklch(1 0 0);--destructive: oklch(.6 .25 15);--destructive-foreground: oklch(1 0 0);--border: oklch(1 0 0 / .2);--input: oklch(1 0 0 / .1);--ring: oklch(1 0 0 / .3);--chart-1: oklch(.65 .25 25);--chart-2: oklch(.8 .15 85);--chart-3: oklch(.7 .2 140);--chart-4: oklch(.7 .2 240);--chart-5: oklch(.6 .25 300);--sidebar: oklch(0 0 0 / .9);--sidebar-foreground: oklch(1 0 0);--sidebar-primary: oklch(.65 .25 25);--sidebar-primary-foreground: oklch(1 0 0);--sidebar-accent: oklch(.65 .25 25);--sidebar-accent-foreground: oklch(1 0 0);--sidebar-border: oklch(1 0 0 / .2);--sidebar-ring: oklch(1 0 0 / .3)}body{min-width:320px}.portfolio-shader-background{z-index:0;background:#000}html:not(.dark) .portfolio-shader-background{opacity:.55}