@custom-variant dark (&:is(.dark *));@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-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--font-heading:"DM Serif Display","Georgia",serif;--font-display:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}:root{--radius:0.75rem;--background:oklch(0.045 0.008 285);--foreground:oklch(0.92 0.005 270);--card:oklch(0.08 0.01 285/0.7);--card-foreground:oklch(0.92 0.005 270);--popover:oklch(0.08 0.01 285);--popover-foreground:oklch(0.92 0.005 270);--primary:oklch(0.65 0.3 25);--primary-foreground:oklch(0.98 0 0);--secondary:oklch(0.12 0.015 285);--secondary-foreground:oklch(0.92 0.005 270);--muted:oklch(0.1 0.01 285);--muted-foreground:oklch(0.55 0.02 285);--accent:oklch(0.72 0.16 190);--accent-foreground:oklch(0.04 0.008 285);--destructive:oklch(0.65 0.28 25);--destructive-foreground:oklch(0.98 0 0);--border:oklch(0.18 0.02 285/0.5);--input:oklch(0.12 0.015 285);--ring:oklch(0.65 0.3 25);--tool:oklch(0.65 0.3 25);--tool-foreground:oklch(0.98 0 0);--shadow-card:0 1px 0 oklch(1 0 0/0.04) inset,0 20px 60px -20px oklch(0 0 0/0.6);--shadow-tool:0 4px 20px -8px color-mix(in oklab,var(--tool) 50%,transparent);--bg-radials:radial-gradient(ellipse 80% 50% at 50% -10%,oklch(0.65 0.3 25/0.07),transparent 60%),radial-gradient(ellipse 60% 40% at 100% 20%,oklch(0.72 0.16 190/0.05),transparent 60%),radial-gradient(ellipse 50% 40% at 0% 80%,oklch(0.35 0.15 285/0.04),transparent 60%)}.light{--background:oklch(0.975 0.005 70);--foreground:oklch(0.15 0.015 285);--card:oklch(1 0 0/0.8);--card-foreground:oklch(0.15 0.015 285);--popover:oklch(1 0 0);--popover-foreground:oklch(0.15 0.015 285);--primary:oklch(0.6 0.3 25);--primary-foreground:oklch(0.98 0 0);--secondary:oklch(0.93 0.01 285);--secondary-foreground:oklch(0.2 0.015 285);--muted:oklch(0.96 0.005 70);--muted-foreground:oklch(0.5 0.02 285);--accent:oklch(0.68 0.16 190);--accent-foreground:oklch(0.98 0 0);--destructive:oklch(0.6 0.28 25);--destructive-foreground:oklch(0.98 0 0);--border:oklch(0.88 0.01 285/0.8);--input:oklch(0.96 0.005 70);--ring:oklch(0.6 0.3 25);--tool:oklch(0.6 0.3 25);--tool-foreground:oklch(0.98 0 0);--shadow-card:0 1px 0 oklch(1 0 0/0.8) inset,0 20px 60px -25px oklch(0.15 0.015 285/0.1);--shadow-tool:0 4px 20px -8px color-mix(in oklab,var(--tool) 30%,transparent);--bg-radials:radial-gradient(ellipse 80% 50% at 50% -10%,oklch(0.65 0.3 25/0.04),transparent 60%),radial-gradient(ellipse 60% 40% at 100% 20%,oklch(0.72 0.16 190/0.03),transparent 60%)}@layer base{*{border-color:var(--color-border)}body,html{background-color:var(--color-background);color:var(--color-foreground)}body{font-family:var(--font-display);background-image:var(--bg-radials);background-attachment:fixed;min-height:100dvh;transition:background-color .4s ease,color .4s ease}.heading,h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;letter-spacing:-.01em}}@layer utilities{.shadow-card{box-shadow:var(--shadow-card)}.shadow-tool{box-shadow:var(--shadow-tool)}.glass{background:color-mix(in oklab,var(--card) 85%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border)}.grid-bg{background-image:linear-gradient(color-mix(in oklab,var(--tool) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--tool) 8%,transparent) 1px,transparent 1px);background-size:40px 40px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes transform-drift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.transform-border{position:relative;isolation:isolate}.transform-border:before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,var(--color-primary),var(--color-accent),color-mix(in oklab,var(--color-primary) 60%,var(--color-accent) 40%),var(--color-accent),var(--color-primary));background-size:400% 400%;animation:transform-drift 6s ease-in-out infinite;opacity:.5;transition:opacity .3s ease}.transform-border:hover:before{opacity:1}@keyframes shimmer{0%{transform:translateX(-100%) skewX(-15deg)}60%{transform:translateX(200%) skewX(-15deg)}to{transform:translateX(200%) skewX(-15deg)}}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,color-mix(in oklab,var(--primary) 30%,transparent) 50%,transparent 100%);animation:shimmer 2.5s ease-in-out infinite;pointer-events:none}@keyframes pulse-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.tool-glow{position:relative}.tool-glow:after{content:"";position:absolute;inset:-6px;z-index:-1;border-radius:inherit;background:color-mix(in oklab,var(--tool) 35%,transparent);filter:blur(14px);animation:pulse-glow 2.6s ease-in-out infinite;pointer-events:none}.parallax-bg{position:fixed;inset:0;z-index:-10;pointer-events:none;background-image:radial-gradient(ellipse 70% 45% at 50% -5%,color-mix(in oklab,var(--tool) 12%,transparent) 0,transparent 60%),radial-gradient(ellipse 55% 35% at 85% 15%,color-mix(in oklab,var(--accent) 10%,transparent) 0,transparent 55%),radial-gradient(ellipse 50% 35% at 10% 75%,color-mix(in oklab,var(--primary) 8%,transparent) 0,transparent 55%);transform:translateY(0);transition:transform .25s ease-out;will-change:transform}.focus-ring{outline:none}.focus-ring:focus-visible{outline:2px solid color-mix(in oklab,var(--tool) 70%,transparent);outline-offset:2px;border-radius:.5rem}@media (prefers-reduced-motion:reduce){.animate-shimmer:after,.tool-glow:after{animation:none}.parallax-bg{transform:none;transition:none}}}