:root{color-scheme:light dark;scrollbar-color:var(--scrollbar-thumb) transparent;touch-action:manipulation;interpolate-size:allow-keywords;--hue-navy:275;--hue-pink:355;--navy:oklch(32% .11 var(--hue-navy));--navy-deep:oklch(18% .06 var(--hue-navy));--deep-purple:oklch(28% .08 var(--hue-navy));--blue-background:var(--navy);--pink:oklch(66% .16 var(--hue-pink));--pink-soft:light-dark(oklch(80% .08 var(--hue-pink)),oklch(68% .08 var(--hue-pink)));--lime:oklch(88% .17 125);--sun:oklch(84% .15 80);--sand:oklch(87% .09 95);--dark:var(--text);--bright:var(--surface-raised);--red:oklch(62% .2 20);--orange:oklch(78% .17 75);--yellow:oklch(90% .16 95);--yellow-bright:oklch(96% .06 95);--green-dark:oklch(58% .15 150);--green:oklch(70% .18 150);--green-bright:light-dark(oklch(94% .07 150),oklch(30% .06 150));--red-bright:light-dark(oklch(93% .04 20),oklch(28% .06 20));--gray:light-dark(oklch(70% .02 var(--hue-navy)),oklch(45% .03 var(--hue-navy)));--gray-1:#fff;--white:var(--surface-raised);--blue-dark:oklch(30% .12 260);--blue:oklch(62% .19 260);--blue-bright:light-dark(oklch(95% .03 260),oklch(30% .07 260));--surface:light-dark(oklch(94.5% .014 300),oklch(14% .02 var(--hue-navy)));--surface-raised:light-dark(oklch(98.5% .006 300),oklch(19% .025 var(--hue-navy)));--surface-sunken:light-dark(oklch(91% .018 300),oklch(11% .018 var(--hue-navy)));--surface-overlay:light-dark(oklch(98% .006 300/.85),oklch(16% .02 var(--hue-navy) / 85%));--text:light-dark(oklch(28% .06 var(--hue-navy)),oklch(88% .012 var(--hue-navy)));--text-muted:light-dark(oklch(48% .04 var(--hue-navy)),oklch(64% .03 var(--hue-navy)));--accent:light-dark(oklch(56% .17 var(--hue-pink)),oklch(64% .1 var(--hue-pink)));--accent-soft:color-mix(in oklab, var(--accent) 12%, transparent);--accent-contrast:#fff;--button-background:oklch(56% .17 var(--hue-pink));--button-text:#fff;--border:light-dark(oklch(28% .06 var(--hue-navy) / 12%),oklch(100% 0 0/.1));--border-strong:light-dark(oklch(28% .06 var(--hue-navy) / 24%),oklch(100% 0 0/.2));--shadow:0 1px 2px light-dark(oklch(28% .06 var(--hue-navy) / 8%),oklch(0% 0 0/.4));--shadow-lg:0 16px 40px -12px light-dark(oklch(28% .06 var(--hue-navy) / 25%),oklch(0% 0 0/.7));--shadow-bar:0 4px 16px -8px light-dark(oklch(28% .06 var(--hue-navy) / 35%),oklch(0% 0 0/.8));--scrollbar-thumb:light-dark(oklch(28% .06 var(--hue-navy) / 25%),oklch(100% 0 0/.18));--accent-color:var(--accent);accent-color:var(--accent-color);--chrome-background:light-dark(var(--navy),oklch(12% .02 var(--hue-navy)));--chrome-color:oklch(90% .012 var(--hue-navy));--chrome-muted:oklch(74% .03 var(--hue-navy));--chrome-border:oklch(100% 0 0/.1);--body-background:var(--chrome-background);--body-color:var(--chrome-color);--header-background:color-mix(in oklab, var(--chrome-background) 85%, transparent);--header-link-color:var(--chrome-muted);--header-link-hover-color:#fff;--footer-background:var(--chrome-background);--footer-color:var(--chrome-muted);--main-background:var(--surface);--main-color:var(--text);--main-link-color:var(--accent);--breadcrumbs-background:transparent;--breadcrumbs-color:var(--text-muted);--menu-background:light-dark(color-mix(in oklab, var(--pink) 6%, var(--surface)),var(--surface-sunken));--menu-color:var(--text);--menu-link-color:var(--text-muted);--slightly-darker:var(--border);--slightly-brighter:light-dark(oklch(100% 0 0/.6),oklch(100% 0 0/.12));--link-color:var(--accent);--thin-border:1px solid var(--border);--radius:.625rem;--radius-sm:.375rem;--page-max-width:60rem;--header-height:3.5rem;--font-heading:"Fredoka", "Fredoka Fallback", "Nunito Sans", sans-serif;--font-regular:"Nunito Sans", "Nunito Sans Fallback", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback", ui-monospace, monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;min-height:100svh}*,:before,:after{box-sizing:border-box;line-height:inherit;font-size:inherit}.body-fhrayQHr{scrollbar-color:var(--scrollbar-thumb) transparent;background:var(--body-background);min-height:100svh;color:var(--body-color);font-family:var(--font-regular);grid-template-rows:var(--header-height) 1fr auto;grid-template-columns:1fr;min-height:100svh;margin:0;padding:0;line-height:1.6;display:grid;overflow-y:scroll}:is(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading);letter-spacing:-.01em;font-weight:500}:is(pre,code){font-family:var(--font-mono)}::view-transition-group(root){animation-duration:.2s}