@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--background: oklch(98.5% .005 80);--background-elevated: oklch(100% 0 0);--surface-muted: oklch(96% .008 80);--foreground: oklch(18% .01 80);--foreground-muted: oklch(42% .015 80);--foreground-subtle: oklch(58% .01 80);--primary: oklch(48% .12 230);--primary-foreground: oklch(98% .005 230);--primary-hover: oklch(42% .14 230);--primary-muted: oklch(94% .03 230);--secondary: oklch(92% .01 80);--secondary-foreground: oklch(25% .01 80);--secondary-hover: oklch(88% .015 80);--accent: oklch(78% .14 75);--accent-foreground: oklch(22% .02 75);--muted: oklch(94% .008 80);--muted-foreground: oklch(45% .01 80);--border: oklch(88% .01 80);--border-strong: oklch(78% .015 80);--ring: oklch(48% .12 230);--destructive: oklch(55% .2 25);--success: oklch(52% .14 155);--warning: oklch(72% .16 80);--star: oklch(75% .16 85);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .04);--shadow-md: 0 4px 12px oklch(0% 0 0 / .06);--shadow-lg: 0 8px 30px oklch(0% 0 0 / .06);--shadow-xl: 0 20px 60px oklch(0% 0 0 / .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--ease-out-expo: cubic-bezier(.22, 1, .36, 1)}@media(prefers-color-scheme:dark){:root{--background: oklch(16% .01 80);--background-elevated: oklch(20% .012 80);--surface-muted: oklch(14% .008 80);--foreground: oklch(92% .008 80);--foreground-muted: oklch(68% .01 80);--foreground-subtle: oklch(52% .008 80);--primary: oklch(68% .12 230);--primary-foreground: oklch(15% .02 230);--primary-hover: oklch(74% .14 230);--primary-muted: oklch(22% .04 230);--secondary: oklch(24% .012 80);--secondary-foreground: oklch(88% .008 80);--secondary-hover: oklch(28% .015 80);--accent: oklch(72% .12 75);--accent-foreground: oklch(18% .02 75);--muted: oklch(22% .01 80);--muted-foreground: oklch(62% .008 80);--border: oklch(35% .012 80);--border-strong: oklch(45% .015 80);--ring: oklch(68% .12 230);--destructive: oklch(65% .18 25);--success: oklch(62% .12 155);--warning: oklch(72% .14 80);--star: oklch(75% .14 85);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .12);--shadow-md: 0 4px 12px oklch(0% 0 0 / .18);--shadow-lg: 0 8px 30px oklch(0% 0 0 / .25);--shadow-xl: 0 20px 60px oklch(0% 0 0 / .3)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.variation-b{font-family:DM Sans,sans-serif;background:var(--background);color:var(--foreground);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .2s ease}.variation-b *,.variation-b *:before,.variation-b *:after{box-sizing:border-box}.variation-b .font-display{font-family:"DM Serif Display",serif}.variation-b .font-mono{font-family:JetBrains Mono,monospace}.variation-b h1,.variation-b h2{font-family:"DM Serif Display",serif;font-weight:400}.variation-b h3,.variation-b h4,.variation-b h5,.variation-b h6{font-family:DM Sans,sans-serif;font-weight:500}@keyframes b-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes b-fade-in{0%{opacity:0}to{opacity:1}}.variation-b .animate-fade-up{animation:b-fade-up .6s var(--ease-out-expo) forwards;opacity:0}.variation-b .animate-fade-in{animation:b-fade-in .5s ease-out forwards;opacity:0}.variation-b .stagger-1{animation-delay:0ms}.variation-b .stagger-2{animation-delay:80ms}.variation-b .stagger-3{animation-delay:.16s}.variation-b .stagger-4{animation-delay:.24s}.variation-b .stagger-5{animation-delay:.32s}.variation-b .stagger-6{animation-delay:.4s}.variation-b .stagger-7{animation-delay:.48s}.variation-b .stagger-8{animation-delay:.56s}.variation-b :focus-visible{outline:2px solid var(--ring);outline-offset:2px}.variation-b :focus:not(:focus-visible){outline:none}.variation-b .skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:8px 16px;background:var(--foreground);color:var(--background);border-radius:var(--radius-md);text-decoration:none;font-size:14px;font-weight:500}.variation-b .skip-link:focus{top:16px}.variation-b ::-webkit-scrollbar{width:8px}.variation-b ::-webkit-scrollbar-track{background:var(--surface-muted)}.variation-b ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}