:root{--font-body: "Google Sans Text", Arial, sans-serif;--font-display: "Google Sans Display", Arial, sans-serif;--font-mono: "Google Sans Mono", monospace;--font-mono-code: "JetBrains Mono", monospace;--color-gm3-blue-primary-100: hsl(0, 0%, 100%);--color-gm3-blue-primary-100-opacity-2: hsla(0, 0%, 100%, .02);--color-gm3-blue-primary-100-opacity-12: hsla(0, 0%, 100%, .12);--color-gm3-blue-primary-99: hsl(228, 100%, 99%);--color-gm3-blue-primary-95: hsl(217, 90%, 96%);--color-gm3-blue-primary-90: hsl(217, 91%, 91%);--color-gm3-blue-primary-90-opacity-70: hsla(217, 91%, 91%, .7);--color-gm3-blue-primary-80: hsl(217, 89%, 82%);--color-gm3-blue-primary-70: hsl(217, 90%, 73%);--color-gm3-blue-primary-70-opacity-90: hsla(217, 90%, 73%, .9);--color-gm3-blue-primary-70-opacity-80: hsla(217, 90%, 73%, .8);--color-gm3-blue-primary-70-opacity-60: hsla(217, 90%, 63%, .6);--color-gm3-blue-primary-60: hsl(217, 90%, 63%);--color-gm3-blue-primary-60-opacity-80: hsla(217, 90%, 63%, .8);--color-gm3-blue-primary-60-opacity-90: hsla(217, 90%, 63%, .9);--color-gm3-blue-primary-50: hsl(217, 90%, 53%);--color-gm3-blue-primary-40: hsl(217, 90%, 43%);--color-gm3-blue-primary-30: hsl(217, 90%, 33%);--color-gm3-blue-primary-20: hsl(217, 90%, 23%);--color-gm3-blue-primary-10: hsl(217, 90%, 15%);--color-gm3-blue-primary-10-opacity-70: hsla(217, 90%, 15%, .9);--color-gm3-blue-primary-0: hsl(0, 0%, 0%);--gemini-color-gemini-blue: #076EFF;--gemini-color-gemini-cyan: #4FABFF;--gemini-color-gemini-light-blue: #B1C5FF;--gemini-gradient-linear-colors: var(--gemini-color-gemini-blue) 5.96%, var(--gemini-color-gemini-cyan) 56.89%, var(--gemini-color-gemini-light-blue) 93.53%;--gemini-gradient-linear-colors-light: var(--gemini-color-gemini-blue) 5.96%, var(--gemini-color-gemini-cyan) 56.89%, var(--gemini-color-gemini-blue) 93.53%;--gemini-gradient-linear: linear-gradient(53deg, var(--gemini-gradient-linear-colors));--gemini-gradient-linear-light: linear-gradient(53deg, var(--gemini-gradient-linear-colors-light));--color-black: hsl(0, 0%, 0%);--color-moon-blue: hsl(217, 90%, 63%);--color-sun-yellow: hsl(37, 95%, 56%);--color-coral: hsl(14, 100%, 70%);--color-firebase-yellow: hsl(45, 100%, 58%);--color-firebase-blue: hsl(217, 88%, 83%);--color-firebase-blue-400: hsl(217, 89%, 68%);--color-firebase-blue-600: hsl(214, 82%, 51%);--color-firebase-navy-900: hsl(208, 85%, 8%);--color-firebase-yellow-opacity-85: hsla(45, 100%, 58%, .85);--color-firebase-yellow-opacity-75: hsla(45, 100%, 58%, .75);--color-firebase-yellow-opacity-40: hsla(45, 100%, 58%, .4);--color-firebase-yellow-opacity-20: hsla(45, 100%, 58%, .2);--color-firebase-yellow-darker: hsl(42, 100%, 50%);--color-firebase-amber: hsl(38, 100%, 50%);--color-firebase-orange: hsl(30, 100%, 48%);--color-light-firebase-yellow: hsla(45, 100%, 58%, .8);--color-light-firebase-yellow-darker: hsla(42, 100%, 50%, .8);--color-light-firebase-amber: hsla(38, 100%, 50%, .8);--color-light-firebase-orange: hsla(30, 100%, 48%, .8);--color-offwhite: hsl(0, 0%, 98%);--color-gray-100: hsl(200, 12%, 95.1%);--color-gray-200: hsl(216, 12.2%, 92%);--color-gray-300: hsl(220, 9%, 87%);--color-gray-300-3: hsla(220, 9%, 87%, .3);--color-gray-400: hsl(213, 7%, 76%);--color-gray-500: hsl(213, 5%, 39%);--color-gray-700: hsl(213, 5%, 39%);--color-gray-800: hsl(206, 6%, 25%);--color-gray-850: hsl(225, 7%, 17%);--color-gray-900: hsl(225, 6%, 13%);--color-gray-900-opacity2: hsla(225, 6%, 13%, .2);--color-gray-900-opacity1: hsla(225, 6%, 13%, .1);--color-gray-words-start: hsla(225, 6%, 13%, .08);--color-gray-words-end: hsla(225, 6%, 13%, 0);--color-blue-400: hsl(217, 89%, 68%);--color-blue-400-40: hsla(217, 89%, 68%, .4);--color-blue-500: hsl(214, 82%, 51%);--color-blue-600: hsl(217, 89%, 76%);--color-blue-600-75: hsla(217, 89%, 76%, .75);--color-vue-green: hsl(153, 47%, 49%);--color-teal: hsl(187, 71%, 50%);--copy-border: hsla(0, 0%, 100%, .2);--terminal-border: hsl(0, 0%, 78%);--color-light-gray-900: hsla(225, 6%, 13%, .2);--color-white: white;--color-white-2: hsla(0, 0%, 100%, .2);--vite-purple: #bd34fe;--vite-blue: #47caff;--vite-gradient: linear-gradient(-45deg, var(--vite-purple) 50%, var(--vite-blue) 50% );--theme-overcut: var(--color-gm3-blue-primary-70-opacity-80);--theme-undercut: var(--color-gm3-blue-primary-90);--theme-words-bottom-start: var(--color-gray-words-start);--theme-words-bottom-end: var(--color-gray-words-end);--theme-accent-blue: var(--color-gm3-blue-primary-70-opacity-80);--theme-accent-blue-400: var(--color-firebase-blue-400);--theme-category-text-on-light: var(--color-gm3-blue-primary-10);--theme-category-border-on-light: var(--color-gm3-blue-primary-10);--theme-category-text-on-dark: var(--color-gm3-blue-primary-90-opacity-70);--theme-category-border-on-dark: var(--color-gm3-blue-primary-90);--theme-header-text-on-light: var(--color-gm3-blue-primary-10);--theme-header-text-on-dark: var(--color-gm3-blue-primary-10);--theme-text-on-light: var(--color-gm3-blue-primary-10);--theme-text-on-dark: var(--color-gm3-blue-primary-90);--theme-link-text-on-dark: var(--color-gm3-blue-primary-70);--theme-code-tick-bg: var(--color-gray-300);--theme-code-tick-text: var(--color-gm3-blue-primary-10);--theme-expand-button-text: var(--color-gray-800);--theme-expand-button-icon: var(--color-gray-500);--theme-label: var(--color-gray-800);--theme-dark-bg: var(--color-firebase-navy-900);--container-width: 100vw;--columns: 1fr .55fr .55fr;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 2.25rem;--text-3xl: 4.5rem;--text-headline: clamp(2.5rem, 4vw + 1rem, 4.5rem);--text-subline: clamp(1.25rem, 2vw + 1rem, 2.5rem);--text-header-mega: normal normal bold clamp(2rem, 4.5vw + 1rem, 6rem) var(--font-mono);--text-header-massive: normal normal bold clamp(2rem, 8.5vw + 1rem, 8rem) var(--font-mono);--text-header-1: normal normal bold clamp(2rem, 4vw + 1rem, 4rem) var(--font-mono);--text-header-2: normal normal bold clamp(2rem, 4vw + 1rem, 3.5rem) var(--font-mono);--text-header-3: normal normal bold clamp(1.5rem, 4vw + 1rem, 2.5rem) var(--font-mono);--text-callout: normal normal bold 3rem var(--font-mono);--text-card-title: normal normal 500 2rem var(--font-display);--text-card-title-fluid: normal normal 500 clamp(1rem, 8vw - 1rem, 1.75rem) var(--font-display);--text-subheader-1: normal normal 700 1.625rem var(--font-display);--text-subheader-2: normal normal 400 1.25rem var(--font-display);--text-link: normal normal bold 1rem var(--font-mono);--text-body: normal normal 400 1rem var(--font-body);--text-label: normal normal 400 .875rem var(--font-body);--text-label-mono: normal normal 400 .875rem var(--font-mono);--lh-lg: 32px;--lh-high: 92px;--space-40: 40px;--space-100: 100px;--site-main-column-size: min(660px, 100%);--site-main-column-size-wide: min(760px, 100%);--site-columns-5: 1fr min(660px, 100%) minmax(0%, 260px) minmax(0%, 360px) 1fr;--site-columns-4: 1fr min(660px, 100%) 1fr 1fr;--site-columns-3: min(660px, 100%) 1fr 1fr;--site-columns-2: min(660px, 100%) 1fr;--site-columns-3-margin: 1fr min(660px, 100%) 1fr;--site-columns-5-wide: 1fr min(760px, 100%) minmax(0%, 210px) minmax(0%, 310px) 1fr;--site-columns-3-margin-wide: 1fr min(760px, 100%) 1fr;--ease-elastic-3: cubic-bezier(.5,1.25,.75,1.25);--ease-5: cubic-bezier(.25, 0, .1, 1);--theme-code-background: var(--color-firebase-navy-900);--theme-link-text: var(--color-gm3-blue-primary-40);--light-image: grayscale(0%);--dark-image: grayscale(30%);--theme-image-filter: var(--light-image);--theme-404-text: var(--color-gm3-blue-primary-10);--theme-404-large: var(--color-firebase-yellow);--theme-vue-green: var(--color-blue-400);--theme-firebase-yellow: var(--color-blue-400);--theme-timeline-border: var(--color-gray-800);color-scheme:light dark}@media (prefers-color-scheme: light){:root{--category-fill: var(--color-light-firebase-orange);--category-color: var(--color-white);--theme-color: var(--color-gm3-blue-primary-10);--theme-color-opacity: var(--color-gray-900-opacity2);--theme-color-500: var(--color-gray-500);--theme-bg: var(--color-white);--theme-space: var(--color-white);--theme-space-inverted: var(--color-gm3-blue-primary-10);--theme-accent: var(--color-gm3-blue-primary-10);--theme-accent-opacity2: var(--color-gray-900-opacity2);--theme-accent-hover: var(--color-blue-500);--theme-accent-blue: var(--color-gm3-blue-primary-70-opacity-80);--theme-icon: var(--color-gm3-blue-primary-10);--theme-icon-accent: var(--color-gray-850);--theme-link: var(--color-gm3-blue-primary-40);--theme-text: var(--color-gm3-blue-primary-10);--theme-text-post: var(--color-gm3-blue-primary-10-opacity-70);--theme-text-inverted: var(--color-gray-300);--theme-text-header: var(--color-gm3-blue-primary-10);--theme-h3: var(--color-gm3-blue-primary-10);--theme-category-text: var(--color-gm3-blue-primary-10);--theme-category-border: var(--color-gray-900-opacity2);--theme-category-border-inverted: var(--color-gray-300-3);--theme-overcut: var(--color-gm3-blue-primary-70-opacity-80);--theme-undercut: var(--color-gm3-blue-primary-90);--theme-headline: var(--color-gm3-blue-primary-10);--theme-toggle-borders: var(--color-gm3-blue-primary-10);--theme-words-top-start: var(--color-gray-words-start);--theme-words-top-end: var(--color-gray-words-end);--theme-link-text: var(--color-gm3-blue-primary-40);--theme-image-filter: var(--light-image);--theme-404-text: var(--color-gm3-blue-primary-10);--theme-404-large: var(--color-firebase-yellow);--theme-expand-button-text: var(--color-gray-800);--theme-expand-button-icon: var(--color-gray-500);--theme-blue: var(--color-blue-500);--theme-hover: var(--color-blue-500);--theme-label: var(--color-gray-800);--theme-vue-green: var(--color-blue-400);--theme-firebase-yellow: var(--color-blue-400);--theme-post-bg: var(--color-offwhite);--theme-post-border: var(--color-gray-300);--theme-timeline-border: var(--color-gray-800);--theme-gemini-gradient-linear: var(--gemini-gradient-linear-light)}body.dark-mode{--category-fill: var(--color-light-firebase-orange);--category-color: var(--color-white);--theme-color: var(--color-gm3-blue-primary-10);--theme-color-opacity: var(--color-firebase-yellow-opacity-20);--theme-color-500: var(--color-firebase-yellow-darker);--theme-bg: var(--color-firebase-navy-900);--theme-space: var(--color-gm3-blue-primary-10);--theme-space-inverted: var(--color-white);--theme-accent: var(--color-gm3-blue-primary-70);--theme-accent-opacity2: var(--color-firebase-yellow-opacity-20);--theme-accent-hover: var(--color-firebase-yellow);--theme-accent-blue: var(--color-gm3-blue-primary-70-opacity-90);--theme-icon: var(--color-gray-300);--theme-icon-accent: var(--color-firebase-yellow);--theme-link: var(--color-gm3-blue-primary-40);--theme-text: var(--color-gm3-blue-primary-90);--theme-text-inverted: var(--color-gm3-blue-primary-10);--theme-text-post: var(--color-gm3-blue-primary-90-opacity-70);--theme-text-header: var(--color-gm3-blue-primary-90);--theme-h3: var(--color-firebase-yellow);--theme-category-text: var(--color-gray-300);--theme-category-border: var(--color-gray-300-3);--theme-category-border-inverted: var(--color-gray-900-opacity2);--theme-headline: var(--color-gm3-blue-primary-90);--theme-overcut: var(--color-gm3-blue-primary-70-opacity-80);--theme-undercut: var(--color-gm3-blue-primary-70-opacity-60);--theme-words-top-start: var(--color-gm3-blue-primary-100-opacity-12);--theme-words-top-end: var(--color-gm3-blue-primary-100-opacity-12);--theme-code-outline: var(--color-gray-700);--theme-link-text: var(--color-gm3-blue-primary-70);--theme-image-filter: var(--dark-image);--theme-404-text: var(--color-gm3-blue-primary-40);--theme-404-large: var(--color-white-2);--theme-expand-button-text: var(--color-gray-300);--theme-expand-button-icon: var(--color-gm3-blue-primary-90);--theme-blue: var(--color-gm3-blue-primary-40);--theme-hover: var(--color-gm3-blue-primary-40);--theme-label: var(--color-gray-400);--theme-vue-green: var(--color-vue-green);--theme-firebase-yellow: var(--color-firebase-yellow);--theme-post-bg: var(--color-gray-850);--theme-timeline-border: var(--color-firebase-yellow);--theme-gemini-gradient-linear: var(--gemini-gradient-linear)}}@media (prefers-color-scheme: dark){:root{--category-fill: var(--color-light-firebase-orange);--category-color: var(--color-white);--theme-color: var(--color-gm3-blue-primary-10);--theme-color-opacity: var(--color-firebase-yellow-opacity-20);--theme-color-500: var(--color-firebase-yellow-darker);--theme-bg: var(--color-firebase-navy-900);--theme-space: var(--color-gm3-blue-primary-10);--theme-space-inverted: var(--color-white);--theme-accent: var(--color-gm3-blue-primary-70);--theme-accent-opacity2: var(--color-firebase-yellow-opacity-20);--theme-accent-hover: var(--color-firebase-yellow);--theme-accent-blue: var(--color-gm3-blue-primary-70-opacity-90);--theme-icon: var(--color-gray-300);--theme-icon-accent: var(--color-firebase-yellow);--theme-link: var(--color-gm3-blue-primary-40);--theme-text: var(--color-gm3-blue-primary-90);--theme-text-inverted: var(--color-gm3-blue-primary-10);--theme-text-post: var(--color-gm3-blue-primary-90-opacity-70);--theme-text-header: var(--color-gm3-blue-primary-90);--theme-h3: var(--color-firebase-yellow);--theme-category-text: var(--color-gray-300);--theme-category-border: var(--color-gray-300-3);--theme-category-border-inverted: var(--color-gray-900-opacity2);--theme-headline: var(--color-gm3-blue-primary-90);--theme-overcut: var(--color-gm3-blue-primary-70-opacity-80);--theme-undercut: var(--color-gm3-blue-primary-70-opacity-60);--theme-words-top-start: var(--color-gm3-blue-primary-100-opacity-12);--theme-words-top-end: var(--color-gm3-blue-primary-100-opacity-2);--theme-code-outline: var(--color-gray-700);--theme-link-text: var(--color-gm3-blue-primary-70);--theme-image-filter: var(--dark-image);--theme-404-text: var(--color-gm3-blue-primary-40);--theme-404-large: var(--color-white-2);--theme-expand-button-text: var(--color-gray-300);--theme-expand-button-icon: var(--color-gm3-blue-primary-90);--theme-blue: var(--color-gm3-blue-primary-40);--theme-hover: var(--color-gm3-blue-primary-40);--theme-label: var(--color-gray-400);--theme-vue-green: var(--color-vue-green);--theme-firebase-yellow: var(--color-firebase-yellow);--theme-post-bg: var(--color-gray-850);--theme-timeline-border: var(--color-firebase-yellow);--theme-gemini-gradient-linear: var(--gemini-gradient-linear)}body.light-mode{--category-fill: var(--color-light-firebase-orange);--category-color: var(--color-white);--theme-color: var(--color-gm3-blue-primary-10);--theme-color-opacity: var(--color-gray-900-opacity2);--theme-color-500: var(--color-gray-500);--theme-bg: var(--color-white);--theme-space: var(--color-white);--theme-space-inverted: var(--color-gm3-blue-primary-10);--theme-accent: var(--color-gm3-blue-primary-10);--theme-accent-opacity2: var(--color-gray-900-opacity2);--theme-accent-hover: var(--color-blue-500);--theme-accent-blue: var(--color-gm3-blue-primary-70-opacity-80);--theme-icon: var(--color-gm3-blue-primary-10);--theme-icon-accent: var(--color-gray-850);--theme-link: var(--color-gm3-blue-primary-40);--theme-text: var(--color-gm3-blue-primary-10);--theme-text-inverted: var(--color-gray-300);--theme-text-post: var(--color-gm3-blue-primary-10-opacity-70);--theme-text-header: var(--color-gm3-blue-primary-10);--theme-h3: var(--color-gm3-blue-primary-10);--theme-category-text: var(--color-gm3-blue-primary-10);--theme-category-border: var(--color-gray-900-opacity2);--theme-category-border-inverted: var(--color-gray-300-3);--theme-headline: var(--color-gm3-blue-primary-10);--theme-words-top-start: var(--color-gray-words-start);--theme-words-top-end: var(--color-gray-words-end);--theme-link-text: var(--color-gm3-blue-primary-40);--theme-image-filter: var(--light-image);--theme-404-text: var(--color-gm3-blue-primary-10);--theme-404-large: var(--color-firebase-yellow);--theme-expand-button-text: var(--color-gray-800);--theme-expand-button-icon: var(--color-gray-500);--theme-blue: var(--color-blue-500);--theme-hover: var(--color-blue-500);--theme-label: var(--color-gray-800);--theme-vue-green: var(--color-blue-400);--theme-firebase-yellow: var(--color-blue-400);--theme-post-bg: var(--color-offwhite);--theme-post-border: var(--color-gray-300);--theme-timeline-border: var(--color-gray-800);--theme-gemini-gradient-linear: var(--gemini-gradient-linear-light)}}@media (max-width: 520px){:root{--site-columns-5: 1fr;--site-columns-4: 1fr;--site-columns-3: 1fr}}html{scroll-behavior:smooth}body{background-color:var(--theme-bg);font:var(--text-body);color:var(--theme-text);overflow-x:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transition-property:background-color,color;transition-property:background-color,color}a{font:var(--text-body);color:var(--theme-text);text-decoration:none}a:hover{text-decoration:underline}.mono-button{background:transparent;border:none;cursor:pointer;color:var(--theme-text);font-size:1rem;font-family:var(--font-mono)}.mono-button:hover{text-decoration:underline}.blue{color:var(--theme-accent-blue-400)}.vue-green{color:var(--theme-vue-green)}.firebase-yellow{color:var(--theme-firebase-yellow)}copy-action,video-preview{display:contents}.block{display:block}