:root{--hue-primary: 320;--color-primary: oklch(35% .08 var(--hue-primary));--color-primary-strong: oklch(28% .09 var(--hue-primary));--color-primary-soft: oklch(92% .02 var(--hue-primary));--color-primary-fg: oklch(98% .003 var(--hue-primary));--color-ink: oklch(15% .005 var(--hue-primary));--color-graphite: oklch(30% .005 var(--hue-primary));--color-mist: oklch(78% .005 var(--hue-primary));--color-mist-strong: oklch(65% .005 var(--hue-primary));--color-cream: oklch(96% .006 var(--hue-primary));--color-paper: oklch(99% .003 var(--hue-primary));--color-info-bg: oklch(95% .018 240);--color-info-border: oklch(50% .05 240);--color-info-fg: oklch(25% .05 240);--color-warning-bg: oklch(95% .04 85);--color-warning-border: oklch(55% .1 85);--color-warning-fg: oklch(28% .07 60);--color-success-bg: oklch(95% .025 150);--color-success-border: oklch(50% .08 150);--color-success-fg: oklch(28% .06 150);--color-danger-bg: oklch(95% .03 25);--color-danger-border: oklch(55% .12 25);--color-danger-fg: oklch(30% .1 25);--color-code-bg: oklch(95% .005 var(--hue-primary));--color-code-fg: oklch(20% .01 var(--hue-primary));--color-code-keyword: oklch(40% .1 var(--hue-primary));--color-code-string: oklch(40% .08 150);--color-code-comment: oklch(50% .01 var(--hue-primary));--color-code-number: oklch(40% .1 60);--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-display: clamp(2.25rem, 4vw + 1rem, 3.25rem);--line-height-tight: 1.15;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-label: .01em;--letter-spacing-caps: .06em;--content-max-width: 68ch;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--border-width-1: 1px;--border-width-2: 2px;--shadow-floating: 0 4px 16px oklch(15% .005 var(--hue-primary) / .08), 0 1px 3px oklch(15% .005 var(--hue-primary) / .06);--shadow-focus: 0 0 0 3px oklch(35% .08 var(--hue-primary) / .35);--duration-instant: 80ms;--duration-fast: .16s;--duration-base: .24s;--ease-out: cubic-bezier(.22, 1, .36, 1);--header-height: 56px;--sidebar-left-width: 260px;--sidebar-right-width: 220px;--shell-max-width: 1440px}:root[data-theme=dark]{--color-primary: oklch(65% .07 var(--hue-primary));--color-primary-strong: oklch(75% .08 var(--hue-primary));--color-primary-soft: oklch(22% .03 var(--hue-primary));--color-primary-fg: oklch(10% .005 var(--hue-primary));--color-ink: oklch(95% .005 var(--hue-primary));--color-graphite: oklch(72% .005 var(--hue-primary));--color-mist: oklch(28% .005 var(--hue-primary));--color-mist-strong: oklch(40% .005 var(--hue-primary));--color-cream: oklch(15% .006 var(--hue-primary));--color-paper: oklch(11% .004 var(--hue-primary));--color-info-bg: oklch(20% .04 240);--color-info-border: oklch(60% .1 240);--color-info-fg: oklch(85% .04 240);--color-warning-bg: oklch(22% .05 60);--color-warning-border: oklch(70% .12 80);--color-warning-fg: oklch(88% .07 85);--color-success-bg: oklch(20% .04 150);--color-success-border: oklch(60% .1 150);--color-success-fg: oklch(85% .06 150);--color-danger-bg: oklch(22% .05 25);--color-danger-border: oklch(65% .14 25);--color-danger-fg: oklch(85% .08 25);--color-code-bg: oklch(15% .006 var(--hue-primary));--color-code-fg: oklch(90% .01 var(--hue-primary));--color-code-keyword: oklch(75% .08 var(--hue-primary));--color-code-string: oklch(72% .07 150);--color-code-comment: oklch(55% .01 var(--hue-primary));--color-code-number: oklch(75% .08 60);--shadow-floating: 0 4px 24px oklch(5% .005 var(--hue-primary) / .5), 0 1px 3px oklch(5% .005 var(--hue-primary) / .4);--shadow-focus: 0 0 0 3px oklch(65% .07 var(--hue-primary) / .45)}:root[data-palette=vivid]{--color-primary: oklch(45% .16 var(--hue-primary));--color-primary-strong: oklch(35% .18 var(--hue-primary));--color-primary-soft: oklch(90% .05 var(--hue-primary));--color-primary-fg: oklch(99% .003 var(--hue-primary));--color-secondary: oklch(58% .14 65);--color-secondary-strong: oklch(45% .16 55);--color-secondary-soft: oklch(94% .05 75);--color-secondary-fg: oklch(20% .04 50);--color-graphite: oklch(40% .01 var(--hue-primary));--color-info-bg: oklch(94% .04 235);--color-info-border: oklch(55% .13 235);--color-info-fg: oklch(32% .11 235);--color-warning-bg: oklch(94% .08 80);--color-warning-border: oklch(62% .15 75);--color-warning-fg: oklch(35% .12 55);--color-success-bg: oklch(94% .06 145);--color-success-border: oklch(55% .14 150);--color-success-fg: oklch(32% .1 150);--color-danger-bg: oklch(95% .06 25);--color-danger-border: oklch(58% .18 25);--color-danger-fg: oklch(40% .15 25);--color-code-bg: oklch(96% .012 var(--hue-primary));--color-code-keyword: oklch(45% .18 var(--hue-primary));--color-code-string: oklch(42% .14 150);--color-code-number: oklch(50% .16 55);--color-code-comment: oklch(55% .02 var(--hue-primary))}:root[data-theme=dark][data-palette=vivid]{--color-primary: oklch(75% .13 var(--hue-primary));--color-primary-strong: oklch(82% .13 var(--hue-primary));--color-primary-soft: oklch(26% .06 var(--hue-primary));--color-primary-fg: oklch(10% .005 var(--hue-primary));--color-secondary: oklch(78% .13 65);--color-secondary-strong: oklch(85% .13 60);--color-secondary-soft: oklch(26% .06 65);--color-secondary-fg: oklch(10% .005 50);--color-graphite: oklch(68% .01 var(--hue-primary));--color-info-bg: oklch(22% .06 235);--color-info-border: oklch(65% .14 235);--color-info-fg: oklch(88% .07 235);--color-warning-bg: oklch(24% .07 70);--color-warning-border: oklch(75% .15 75);--color-warning-fg: oklch(90% .11 75);--color-success-bg: oklch(22% .06 145);--color-success-border: oklch(65% .15 145);--color-success-fg: oklch(88% .09 145);--color-danger-bg: oklch(24% .08 25);--color-danger-border: oklch(70% .18 25);--color-danger-fg: oklch(90% .11 25);--color-code-bg: oklch(14% .008 var(--hue-primary));--color-code-keyword: oklch(78% .12 var(--hue-primary));--color-code-string: oklch(72% .1 150);--color-code-number: oklch(75% .13 55)}:root[data-palette=vivid] .article__body code,:root[data-palette=vivid] .preview code,:root[data-palette=vivid] .visual code{background:var(--color-secondary-soft);border-color:color-mix(in oklch,var(--color-secondary-soft),var(--color-secondary-border, var(--color-mist)) 30%);color:color-mix(in oklch,var(--color-ink),var(--color-secondary-strong) 25%)}:root[data-palette=vivid] .header__brand-mark{color:var(--color-primary);filter:drop-shadow(0 0 4px oklch(58% .14 65 / .3))}:root[data-palette=vivid][data-theme=dark] .header__brand-mark{filter:drop-shadow(0 0 6px oklch(78% .13 65 / .4))}:root[data-accent=aubergine]{--hue-primary: 320}:root[data-accent=green]{--hue-primary: 165}:root[data-accent=blue]{--hue-primary: 215}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans, system-ui);color:var(--color-ink);background:var(--color-paper);transition:background var(--duration-base, .24s) var(--ease-out, cubic-bezier(.22,1,.36,1)),color var(--duration-base, .24s) var(--ease-out)}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit}a{color:inherit}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}