@layer base,theme;@custom-media --test true;@custom-media --mobile (max-width: 550px);@custom-media --motionOK (prefers-reduced-motion: no-preference);@custom-media --motionNotOK (prefers-reduced-motion: reduce);@custom-media --opacityOK (prefers-reduced-transparency: no-preference);@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);@custom-media --useDataOK (prefers-reduced-data: no-preference);@custom-media --useDataNotOK (prefers-reduced-data: reduce);@custom-media --OSdark (prefers-color-scheme: dark);@custom-media --OSlight (prefers-color-scheme: light);@custom-media --highContrast (prefers-contrast: more);@custom-media --lowContrast (prefers-contrast: less);@custom-media --invertedColors (inverted-colors: inverted);@custom-media --forcedColors (forced-colors: active);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);@custom-media --HDcolor (dynamic-range: high) or (color-gamut: p3);@custom-media --touch (hover: none) and (pointer: coarse);@custom-media --stylus (hover: none) and (pointer: fine);@custom-media --pointer (hover) and (pointer: coarse);@custom-media --mouse (hover) and (pointer: fine);@custom-media --xxs-only (0px <= width < 240px);@custom-media --xxs-n-above (width >= 240px);@custom-media --xxs-n-below (width < 240px);@custom-media --xxs-phone (--xxs-only) and (--portrait);@custom-media --xs-only (240px <= width < 360px);@custom-media --xs-n-above (width >= 360px);@custom-media --xs-n-below (width < 360px);@custom-media --xs-phone (--xs-only) and (--portrait);@custom-media --sm-only (360px <= width < 480px);@custom-media --sm-n-above (width >= 480px);@custom-media --sm-n-below (width < 480px);@custom-media --sm-phone (--sm-only) and (--portrait);@custom-media --md-only (480px <= width < 768px);@custom-media --md-n-above (width >= 768px);@custom-media --md-n-below (width < 768px);@custom-media --md-phone (--md-only) and (--portrait);@custom-media --lg-only (768px <= width < 1024px);@custom-media --lg-n-above (width >= 1024px);@custom-media --lg-n-below (width < 1024px);@custom-media --lg-phone (--lg-only) and (--portrait);@custom-media --xl-only (1024px <= width < 1440px);@custom-media --xl-n-above (width >= 1440px);@custom-media --xl-n-below (width < 1440px);@custom-media --xxl-only (1440px <= width < 1920px);@custom-media --xxl-n-above (width >= 1920px);@custom-media --xxl-n-below (width < 1920px);@view-transition{navigation: auto;}@layer base{a,button{touch-action:manipulation}:root{--system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--body-font: var(--system-ui);--header-font-family: var(--body-font);--column-gap-size: 18px}html{container:root layout / inline-size;min-height:100%;scrollbar-gutter:stable}body{background:var(--theme-background);font-family:var(--body-font);accent-color:var(--theme-accent);color:var(--theme-text);min-height:100vh;font-size:18px;line-height:1.625;display:grid;--first-layer: calc(var(--column-gap-size) * 2);--second-layer: calc(var(--column-gap-size) * 3);@media (max-width: 600px){--first-layer: 0;--second-layer: 0;--column-gap-size: 9px}grid-template-columns:[page-start] var(--first-layer) [bleed-start] var( --second-layer ) [center-start] repeat(6,1fr) [center-end] var(--second-layer) [bleed-end] var( --first-layer ) [page-end];column-gap:calc(var(--column-gap-size) * 1);grid-template-rows:auto 1fr auto}main,footer{grid-template-columns:subgrid;grid-column:page;display:grid}footer{padding-block:calc(var(--column-gap-size) * 2)}footer .inner,main .inner{grid-column:center}footer .inner{display:flex;flex-direction:column;gap:calc(var(--column-gap-size) * .75)}.blog-posts-list{padding-block:calc(var(--column-gap-size) * 2)}input,label{cursor:pointer}h1{font-size:var(--font-size-5)}h2{font-size:var(--font-size-2)}h3{font-size:var(--font-size-3)}h4{font-size:var(--font-size--1)}small,.text-small{font-size:var(--font-size--1);line-height:calc(var(--f-small-lh) * 1px)}:where(p,li){line-height:24px}:where(h1,h2,h3,h4){font-weight:var(--f-body-weight);font-family:var(--settings-heading-font, var(--header-font-family))}:where(h1,h2,h3,h4,button){text-box:trim-both cap alphabetic}::selection{color:#fff;background-color:var(--theme-accent, black)}*{box-sizing:border-box;margin:0}nav ul{list-style:none;padding:0}:is(h1,h2,h3){margin-block-end:1.38rem;line-height:1}:is(h1,h2){max-width:40ch}:is(h2,h3):not(:first-child){margin-block-start:3rem}p+p{margin-block-start:1rem}a{color:var(--theme-accent);font-weight:400;text-underline-offset:.08em;text-decoration:none;align-items:center;gap:.5rem}a:hover,a:focus{text-decoration:underline}a:focus-visible{outline:2px solid currentColor;outline-offset:.25em}strong{font-weight:600;color:inherit}code:not([class*=language]){--border-radius: 3px;--padding-block: .2rem;--padding-inline: .33rem;font-family:var(--font-mono);font-size:.85em;color:inherit;background-color:var(--theme-code-inline-bg);padding:var(--padding-block) var(--padding-inline);margin:calc(var(--padding-block) * -1) -.125em;border-radius:var(--border-radius)}pre>code:not([class*=language]){background-color:transparent;padding:0;margin:0;border-radius:0;color:inherit}pre{--padding-block: 1rem;--padding-inline: 2rem;position:relative;background-color:var(--theme-code-bg);color:var(--theme-code-text);padding:var(--padding-block) var(--padding-inline);padding-inline-end:calc(var(--padding-inline) * 2);line-height:1.414;max-width:calc(100% + (var(--padding-inline) * 2));overflow-y:hidden;overflow-x:auto;margin-block:1rem;::selection{background:#fff;color:#000}}@container root (min-width: 37.75em){pre{--padding-inline: 1.25rem;border-radius:var(--border-radius-large);corner-shape:superellipse(.5)}}.flex{display:flex;align-items:center}img.cover{width:100%;max-height:50vh;object-fit:cover}blockquote{font-size:1.5rem;--padding-block: 1rem;--padding-inline: 1.25rem;--color: var(--theme-divider);display:flex;flex-direction:column;padding:var(--padding-block) var(--padding-inline);margin-inline-start:calc(var(--padding-inline) * -1);margin-right:calc(var(--padding-inline) * -1);background:transparent;border-inline-start:calc(var(--padding-inline) / 2) solid var(--color);border-radius:0}blockquote .source{font-weight:500;color:var(--color);font-size:1rem}li ul li{list-style-type:disc}}@layer theme{:root{--font-fallback: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--font-mono: "IBM Plex Mono", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;--color-white: #fff;--color-black: #000014;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-purple: #882de7;--color-purple-rgb: 136, 45, 231;--f-body-weight: 900;--font-size--2: clamp(.6076rem, .4294rem + .8911vw, 1.12rem);--font-size--1: clamp(.7292rem, .4958rem + 1.1667vw, 1.4rem);--font-size-0: clamp(.875rem, .5707rem + 1.5217vw, 1.75rem);--font-size-1: clamp(1.05rem, .6543rem + 1.9783vw, 2.1875rem);--font-size-2: clamp(1.26rem, .7472rem + 2.5641vw, 2.7344rem);--font-size-3: clamp(1.512rem, .8491rem + 3.3147vw, 3.418rem);--font-size-4: clamp(1.8144rem, .9594rem + 4.2749vw, 4.2725rem);--font-size-5: clamp(2.1773rem, 1.077rem + 5.5014vw, 5.3406rem);color-scheme:light;--theme-accent-blue: oklch(.49 .31 263.23);--theme-accent: var(--color-purple);--theme-accent-rgb: var(--color-purple-rgb);--theme-accent-opacity: .1;--theme-divider: var(--color-gray-100);--theme-text: var(--color-gray-800);--theme-text-light: var(--color-gray-600);--theme-text-lighter: var(--color-gray-500);--theme-bg: var(--color-white);--theme-code-inline-bg: var(--color-gray-100);--theme-code-text: white;--theme-code-bg: var(--color-gray-700);--border-radius-small: 8px;--border-radius-medium: 16px;--border-radius-large: 24px}.post img{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:.75rem}:is(li,p,h3){max-width:80rch}}:root{--is-styling: 1}.list--dashed{>li{--border-color: rgb(from var(--theme-accent) r g b / .5);margin-block-end:1.5rem;padding-bottom:1rem;&:not(:last-of-type){border-bottom:1px dashed;border-bottom-color:var(--border-color)}@container style(--is-styling: 1){--border-color: transparent;margin-block-end:0}}&.list--compact{>li{margin-block-end:.5rem;padding-block-end:.5rem}}}.list--plain{padding-left:0;list-style:""}.nav a:hover{text-decoration:none}.debug{*{outline:1px dotted red}}a{word-wrap:break-word}pre[data-language]{scrollbar-color:deeppink;color:#ff0;.comment{color:red;background:#fff}>code>.punctuation{color:green}.atrule{color:#ff0}.atrule .property{color:#0ff}.selector{color:#00bfff}.property{color:orange}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}