.button[data-astro-cid-b2qczqz5]{--button-color:var(--tone);--button-color-hover:var(--tone-hover);--shadow-color:var(--button-color);height:var(--control-height-md);justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font:var(--type-label);color:var(--color-on-accent);background-color:var(--button-color);border:1px solid var(--button-color);border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), translate var(--transition);text-decoration:none;display:inline-flex;& svg{flex:none;width:1.2em;height:1.2em;margin-bottom:.1em}&.button--outline,&.button--ghost,&.button--link{color:var(--button-color);background-color:#0000}&.button--ghost,&.button--link{border-color:#0000}&.button--size-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);height:var(--control-height-sm)}&.button--size-lg{padding:var(--space-sm) var(--space-md-lg);font-size:var(--font-size-base);height:var(--control-height-lg)}&.button--size-icon,&.button--size-icon-sm,&.button--size-icon-lg{width:var(--control-height-md);height:var(--control-height-md);padding:0;& svg{margin-bottom:0}}&.button--size-icon-sm{width:var(--control-height-sm);height:var(--control-height-sm)}&.button--size-icon-lg{width:var(--control-height-lg);height:var(--control-height-lg);font-size:var(--font-size-base)}&:hover{background-color:var(--button-color-hover);border-color:var(--button-color-hover);color:var(--color-on-accent);&.button--outline,&.button--ghost,&.button--link{color:var(--color-on-accent);border-color:var(--button-color-hover)}&.button--link{color:var(--button-color-hover);background-color:#0000;border-color:#0000;text-decoration:underline}}&[aria-pressed]>:nth-child(2),&[aria-pressed=true]>:first-child:not(:only-child){display:none}&[aria-pressed=true]>:nth-child(2){display:block}&:active:where(:not(:disabled,[aria-disabled=true])){translate:0 1px}&:disabled,&[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{color-scheme:light dark;--font-base:var(--font-inter);--font-mono:var(--font-jetbrains-mono);--font-size-base:.9375rem;--font-size-sm:.8125rem;--font-size-xs:.75rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:clamp(1.25rem, 2vw + .75rem, 1.75rem);--font-size-4xl:clamp(2rem, 4vw + 1rem, 3.25rem);--font-size-code:.9em;--leading-tight:1.2;--leading-snug:1.25;--leading-normal:1.5;--leading-code:1.6;--leading-body:1.7;--line-height:var(--leading-body);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-md-lg:1.5rem;--space-lg:2rem;--space-xl:4rem;--control-height-sm:1.75rem;--control-height-md:2rem;--control-height-lg:2.25rem;--container-width:70rem;--header-height:3.5rem;--grid-size:2rem;--z-backdrop:-1;--z-sticky:40;--z-scanlines:60;--z-destructor:80;--z-skip-link:200;--radius:0;--border-width:1px;--border-color:var(--color-border);--shadow-offset:4px;--shadow-color:var(--color-primary-accent);--transition:.12s ease-out}@media (prefers-reduced-motion:reduce){:root{--transition:0s}}@media (pointer:coarse){:root{--control-height-sm:2.5rem;--control-height-md:2.75rem;--control-height-lg:3rem}}:root,[data-theme-preview=default]{--color-bg:light-dark(#f2f5f3,#0e0e0e);--color-bg-alt:light-dark(#e7ebe8,#171717);--color-surface:light-dark(#fafcfb,#1d1d1d);--color-surface-raised:light-dark(#fff,#252525);--color-text:light-dark(#131915,#d3d9d5);--color-text-muted:light-dark(#606762,#88908a);--color-border:light-dark(#a3a8a4,#474c48);--color-border-strong:light-dark(#898f8b,#5b605c);--color-grid:light-dark(#0000000a,#ffffff08);--color-scanline:light-dark(#0000000a,#ffffff09);--color-primary:light-dark(#98194b,#f995af);--color-primary-hover:light-dark(#790037,#ffb1c4);--color-secondary:light-dark(#6d2aa8,#c8a3f8);--color-secondary-hover:light-dark(#57048e,#d8bbff);--color-destructive:light-dark(#9d1a1a,#f99a8f);--color-destructive-hover:light-dark(#7d0007,#ffb5ab);--color-warning:light-dark(#6b5113,#e3ae34);--color-warning-hover:light-dark(#533b00,#ffbf00);--color-success:light-dark(#176636,#3cd879);--color-success-hover:light-dark(#004e24,#4fed8a);--color-on-accent:light-dark(#f2f5f3,#0e0e0e);--color-primary-accent:light-dark(#f77299,#f76492);--color-secondary-accent:light-dark(#bb88f6,#b67ff6);--color-destructive-accent:light-dark(#f7796d,#f76d61);--color-warning-accent:light-dark(#cc9c2e,#c4972c);--color-success-accent:light-dark(#35c26c,#32bb68)}:root[data-theme=ocean],html:has([data-theme-select] [value=ocean]:checked),[data-theme-preview=ocean]{--color-bg:light-dark(#eff4f8,#091018);--color-bg-alt:light-dark(#e1e9ef,#101822);--color-surface:light-dark(#f7fbfd,#141e29);--color-surface-raised:light-dark(#fff,#1b2634);--color-text:light-dark(#101c28,#d2dde3);--color-text-muted:light-dark(#556574,#8898a3);--color-border:light-dark(#9ea7af,#444d53);--color-border-strong:light-dark(#858e96,#576167);--color-grid:light-dark(#0000000a,#ffffff08);--color-scanline:light-dark(#0000000a,#ffffff09);--color-primary:light-dark(#155892,#83bdf8);--color-primary-hover:light-dark(#004174,#a2cfff);--color-secondary:light-dark(#176161,#3ccfcf);--color-secondary-hover:light-dark(#004a4a,#00e7e7);--color-destructive:light-dark(#9d1a1a,#f99a8f);--color-destructive-hover:light-dark(#7d0007,#ffb5ab);--color-warning:light-dark(#6b5113,#e3ae34);--color-warning-hover:light-dark(#533b00,#ffbf00);--color-success:light-dark(#176636,#3cd879);--color-success-hover:light-dark(#004e24,#4fed8a);--color-on-accent:light-dark(#eff4f8,#091018);--color-primary-accent:light-dark(#5caaf6,#4da3f6);--color-secondary-accent:light-dark(#35baba,#32b3b3);--color-destructive-accent:light-dark(#f7796d,#f76d61);--color-warning-accent:light-dark(#cc9c2e,#c4972c);--color-success-accent:light-dark(#35c26c,#32bb68)}:root[data-theme=ocean],html:has([data-theme-select] [value=ocean]:checked){--radius:.625rem;--shadow-offset:6px;--transition:.22s cubic-bezier(.34, 1.56, .64, 1);--grid-size:3rem;--font-base:var(--font-nunito);--font-mono:var(--font-fira-code);@media (prefers-reduced-motion:reduce){--transition:0s}}:root[data-theme=gruvbox],html:has([data-theme-select] [value=gruvbox]:checked),[data-theme-preview=gruvbox]{--color-bg:light-dark(#f2e5bc,#1d2021);--color-bg-alt:light-dark(#ebdbb2,#282828);--color-surface:light-dark(#fbf1c7,#32302f);--color-surface-raised:light-dark(#f9f5d7,#3c3836);--color-text:light-dark(#3c3836,#ebdbb2);--color-text-muted:light-dark(#71655a,#a89984);--color-border:light-dark(#a89a7f,#5b5450);--color-border-strong:light-dark(#90816d,#726860);--color-grid:light-dark(#0000000a,#ffffff08);--color-scanline:light-dark(#0000000a,#ffffff09);--color-primary:light-dark(#af3a03,#fe8019);--color-primary-hover:light-dark(#902d00,#ffa56e);--color-secondary:light-dark(#076678,#83a598);--color-secondary-hover:light-dark(#005160,#98bbae);--color-destructive:light-dark(#9d0006,#fb4934);--color-destructive-hover:light-dark(#7c0003,#ff7965);--color-warning:light-dark(#905b00,#fabd2f);--color-warning-hover:light-dark(#764a00,#ffd991);--color-success:light-dark(#6e6900,#b8bb26);--color-success-hover:light-dark(#595500,#ced246);--color-on-accent:light-dark(#f2e5bc,#1d2021);--color-primary-accent:#d65d0e;--color-secondary-accent:#458588;--color-destructive-accent:#cc241d;--color-warning-accent:#d79921;--color-success-accent:#98971a}:root[data-theme=nord],html:has([data-theme-select] [value=nord]:checked),[data-theme-preview=nord]{--color-bg:light-dark(#e5e9f0,#2e3440);--color-bg-alt:light-dark(#d8dee9,#3b4252);--color-surface:light-dark(#eceff4,#3b4252);--color-surface-raised:light-dark(#fff,#434c5e);--color-text:light-dark(#2e3440,#eceff4);--color-text-muted:light-dark(#4c566a,#909cb2);--color-border:light-dark(#999ea9,#5e687d);--color-border-strong:light-dark(#4c566a,#727d92);--color-grid:light-dark(#0000000a,#ffffff08);--color-scanline:light-dark(#0000000a,#ffffff09);--color-primary:light-dark(#496b95,#88c0d0);--color-primary-hover:light-dark(#365780,#9ed7e7);--color-secondary:light-dark(#815e7b,#b690af);--color-secondary-hover:light-dark(#6c4b67,#cda6c5);--color-destructive:light-dark(#a74c56,#e17f87);--color-destructive-hover:light-dark(#903743,#f9959c);--color-warning:light-dark(#9a5641,#ebcb8b);--color-warning-hover:light-dark(#84422e,#ffe3aa);--color-success:light-dark(#587042,#a3be8c);--color-success-hover:light-dark(#455c2f,#b9d5a2);--color-on-accent:light-dark(#e5e9f0,#2e3440);--color-primary-accent:light-dark(#81a1c1,#5e81ac);--color-secondary-accent:#b48ead;--color-destructive-accent:#bf616a;--color-warning-accent:#d08770;--color-success-accent:#a3be8c}:root[data-theme=catppuccin],html:has([data-theme-select] [value=catppuccin]:checked),[data-theme-preview=catppuccin]{--color-bg:light-dark(#e6e9ef,#1e1e2e);--color-bg-alt:light-dark(#dce0e8,#181825);--color-surface:light-dark(#eff1f5,#313244);--color-surface-raised:light-dark(#fff,#45475a);--color-text:light-dark(#4c4f69,#cdd6f4);--color-text-muted:light-dark(#65687e,#a6adc8);--color-border:light-dark(#999dab,#585b70);--color-border-strong:light-dark(#828597,#6c7086);--color-grid:light-dark(#0000000a,#ffffff08);--color-scanline:light-dark(#0000000a,#ffffff09);--color-primary:light-dark(#8738ee,#cba6f7);--color-primary-hover:light-dark(#7315d5,#ddc2ff);--color-secondary:light-dark(#155dec,#89b4fa);--color-secondary-hover:light-dark(#0047cf,#abcbff);--color-destructive:light-dark(#d10d38,#f38ba8);--color-destructive-hover:light-dark(#af002c,#ffa9c0);--color-warning:light-dark(#b64400,#fab387);--color-warning-hover:light-dark(#973700,#ffd1b6);--color-success:light-dark(#1e7900,#a6e3a1);--color-success-hover:light-dark(#166200,#bcfab7);--color-on-accent:light-dark(#e6e9ef,#1e1e2e);--color-primary-accent:light-dark(#8839ef,#cba6f7);--color-secondary-accent:light-dark(#1e66f5,#89b4fa);--color-destructive-accent:light-dark(#d20f39,#f38ba8);--color-warning-accent:light-dark(#fe640b,#fab387);--color-success-accent:light-dark(#40a02b,#a6e3a1)}:root[data-theme=solarized],html:has([data-theme-select] [value=solarized]:checked),[data-theme-preview=solarized]{--color-bg:light-dark(#fdf6e3,#002b36);--color-bg-alt:light-dark(#eee8d5,#073642);--color-surface:light-dark(#fdf6e3,#073642);--color-surface-raised:light-dark(#fff,#0d4150);--color-text:light-dark(#586e75,#93a1a1);--color-text-muted:light-dark(#5f757c,#839496);--color-border:light-dark(#93a1a1,#586e75);--color-border-strong:light-dark(#839191,#5d737a);--color-grid:light-dark(#0000000a,#ffffff08);--color-scanline:light-dark(#0000000a,#ffffff09);--color-primary:light-dark(#0076bb,#3193db);--color-primary-hover:light-dark(#00619b,#4aa9f3);--color-secondary:light-dark(#6569bb,#7f86db);--color-secondary-hover:light-dark(#5254a4,#949cf3);--color-destructive:light-dark(#d72c2a,#fa5149);--color-destructive-hover:light-dark(#bd0011,#ff7e72);--color-warning:light-dark(#8f6c00,#b58900);--color-warning-hover:light-dark(#775900,#cc9f2e);--color-success:light-dark(#687800,#859900);--color-success-hover:light-dark(#556300,#9aaf2d);--color-on-accent:light-dark(#fdf6e3,#002b36);--color-primary-accent:#268bd2;--color-secondary-accent:#6c71c4;--color-destructive-accent:#dc322f;--color-warning-accent:#b58900;--color-success-accent:#859900}:root[data-theme=dracula],html:has([data-theme-select] [value=dracula]:checked),[data-theme-preview=dracula]{--color-bg:light-dark(#fffbeb,#282a36);--color-bg-alt:light-dark(#f2eedb,#21222c);--color-surface:light-dark(#fffdf5,#343746);--color-surface-raised:light-dark(#fff,#424450);--color-text:light-dark(#1f1f1f,#f8f8f2);--color-text-muted:light-dark(#6c664b,#7f90c4);--color-border:light-dark(#aaaab9,#5a5e71);--color-border-strong:light-dark(#90909e,#6272a4);--color-grid:light-dark(#0000000a,#ffffff08);--color-scanline:light-dark(#0000000a,#ffffff09);--color-primary:light-dark(#644ac9,#bd93f9);--color-primary-hover:light-dark(#5233b1,#cfb0ff);--color-secondary:light-dark(#a3144d,#ff79c6);--color-secondary-hover:light-dark(#86003c,#ffa5d5);--color-destructive:light-dark(#cb3a2a,#f55);--color-destructive-hover:light-dark(#b21e10,#ff857f);--color-warning:light-dark(#a34d14,#ffb86c);--color-warning-hover:light-dark(#893b00,#ffd7b0);--color-success:light-dark(#14710a,#50fa7b);--color-success-hover:light-dark(#075b00,#bdffc5);--color-on-accent:light-dark(#fffbeb,#282a36);--color-primary-accent:light-dark(#644ac9,#bd93f9);--color-secondary-accent:light-dark(#a3144d,#ff79c6);--color-destructive-accent:light-dark(#cb3a2a,#f55);--color-warning-accent:light-dark(#a34d14,#ffb86c);--color-success-accent:light-dark(#14710a,#50fa7b)}:root[data-theme=rose-pine],html:has([data-theme-select] [value=rose-pine]:checked),[data-theme-preview=rose-pine]{--color-bg:light-dark(#faf4ed,#191724);--color-bg-alt:light-dark(#f2e9e1,#21202e);--color-surface:light-dark(#fffaf3,#1f1d2e);--color-surface-raised:light-dark(#fff,#26233a);--color-text:light-dark(#575279,#e0def4);--color-text-muted:light-dark(#716d8b,#908caa);--color-border:light-dark(#aaa6a9,#514e63);--color-border-strong:light-dark(#908b9d,#65627b);--color-grid:light-dark(#0000000a,#ffffff08);--color-scanline:light-dark(#0000000a,#ffffff09);--color-primary:light-dark(#7d6795,#c4a7e7);--color-primary-hover:light-dark(#695380,#dbbdff);--color-secondary:light-dark(#3b7984,#9ccfd8);--color-secondary-hover:light-dark(#25656f,#b2e6ef);--color-destructive:light-dark(#a7576e,#eb6f92);--color-destructive-hover:light-dark(#90435a,#ff89a8);--color-warning:light-dark(#9e6300,#f6c177);--color-warning-hover:light-dark(#835100,#ffdcae);--color-success:light-dark(#286983,#4789a5);--color-success-hover:light-dark(#0d556e,#5d9ebb);--color-on-accent:light-dark(#faf4ed,#191724);--color-primary-accent:light-dark(#907aa9,#c4a7e7);--color-secondary-accent:light-dark(#56949f,#9ccfd8);--color-destructive-accent:light-dark(#b4637a,#eb6f92);--color-warning-accent:light-dark(#ea9d34,#f6c177);--color-success-accent:light-dark(#286983,#31748f)}:root[data-theme=tokyo-night],html:has([data-theme-select] [value=tokyo-night]:checked),[data-theme-preview=tokyo-night]{--color-bg:light-dark(#e1e2e7,#1a1b26);--color-bg-alt:light-dark(#d0d5e3,#16161e);--color-surface:light-dark(#e9e9ed,#24283b);--color-surface-raised:light-dark(#f5f5f7,#292e42);--color-text:light-dark(#3760bf,#c0caf5);--color-text-muted:light-dark(#52629f,#7a81aa);--color-border:light-dark(#9298b4,#4a5171);--color-border-strong:light-dark(#787fa8,#5d6688);--color-grid:light-dark(#0000000a,#ffffff08);--color-scanline:light-dark(#0000000a,#ffffff09);--color-primary:light-dark(#0961cb,#7aa2f7);--color-primary-hover:light-dark(#004ea9,#98baff);--color-secondary:light-dark(#833bd8,#bb9af7);--color-secondary-hover:light-dark(#6f1ec0,#ceb6ff);--color-destructive:light-dark(#c9004c,#f7768e);--color-destructive-hover:light-dark(#a6003d,#ff99a9);--color-warning:light-dark(#7f5f31,#e0af68);--color-warning-hover:light-dark(#6a4b1c,#f7c57e);--color-success:light-dark(#516d32,#9ece6a);--color-success-hover:light-dark(#3e591e,#b4e580);--color-on-accent:light-dark(#e1e2e7,#1a1b26);--color-primary-accent:light-dark(#2e7de9,#7aa2f7);--color-secondary-accent:light-dark(#9854f1,#bb9af7);--color-destructive-accent:light-dark(#f52a65,#f7768e);--color-warning-accent:light-dark(#b15c00,#ff9e64);--color-success-accent:light-dark(#587539,#9ece6a)}:root[data-theme=everforest],html:has([data-theme-select] [value=everforest]:checked),[data-theme-preview=everforest]{--color-bg:light-dark(#f4f0d9,#2d353b);--color-bg-alt:light-dark(#efebd4,#232a2e);--color-surface:light-dark(#fdf6e3,#343f44);--color-surface-raised:light-dark(#fffbef,#3d484d);--color-text:light-dark(#5c6a72,#d3c6aa);--color-text-muted:light-dark(#637162,#9da9a0);--color-border:light-dark(#a0a592,#60696f);--color-border-strong:light-dark(#838d7e,#7a8478);--color-grid:light-dark(#0000000a,#ffffff08);--color-scanline:light-dark(#0000000a,#ffffff09);--color-primary:light-dark(#657400,#a7c080);--color-primary-hover:light-dark(#525f00,#bdd796);--color-secondary:light-dark(#0b74a4,#7fbbb3);--color-secondary-hover:light-dark(#005f88,#95d2c9);--color-destructive:light-dark(#cf2b30,#e67e80);--color-destructive-hover:light-dark(#b6001a,#fe9495);--color-warning:light-dark(#8f6500,#dbbc7f);--color-warning-hover:light-dark(#765300,#f2d395);--color-success:light-dark(#007c57,#83c092);--color-success-hover:light-dark(#006546,#99d7a8);--color-on-accent:light-dark(#f4f0d9,#2d353b);--color-primary-accent:light-dark(#8da101,#a7c080);--color-secondary-accent:light-dark(#3a94c5,#7fbbb3);--color-destructive-accent:light-dark(#f85552,#e67e80);--color-warning-accent:light-dark(#dfa000,#dbbc7f);--color-success-accent:light-dark(#35a77c,#83c092)}.container{width:min(100% - 2 * var(--space-md), var(--container-width));margin-inline:auto}.section{padding-block:var(--space-xl);@container (width<=40rem){padding-block:var(--space-lg)}}.section--alt{background-color:var(--color-bg-alt);border-block:var(--border-width) solid var(--border-color)}h1,h2,h3,h4{line-height:var(--leading-tight);text-wrap:balance}h1{font:var(--type-display)}h2{font:var(--type-headline);margin-bottom:var(--space-md)}h3{font:var(--type-subheading);margin-bottom:var(--space-sm)}p{text-wrap:pretty;&+p{margin-top:var(--space-md)}}a{color:var(--color-primary);text-underline-offset:.25em;transition:color var(--transition), background-color var(--transition);text-decoration:underline 1px;&:hover{color:var(--color-on-accent);background-color:var(--color-primary);text-decoration:none}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{color:var(--color-on-accent);background-color:var(--color-primary)}code{font-family:var(--font-mono);font-size:var(--font-size-code)}:root{--type-display:800 var(--font-size-4xl) / var(--leading-tight) var(--font-base);--type-headline:700 var(--font-size-3xl) / var(--leading-tight) var(--font-base);--type-title:800 clamp(var(--font-size-xl), .75rem + 2.5vw, var(--font-size-2xl)) / var(--leading-tight) var(--font-base);--type-heading:700 var(--font-size-xl) / var(--leading-tight) var(--font-base);--type-subheading:600 var(--font-size-lg) / var(--leading-snug) var(--font-base);--type-lead:400 var(--font-size-lg) / var(--leading-body) var(--font-base);--type-body:400 var(--font-size-base) / var(--line-height) var(--font-base);--type-body-strong:600 var(--font-size-base) / var(--leading-snug) var(--font-base);--type-body-sm:400 var(--font-size-sm) / var(--leading-normal) var(--font-base);--type-label:600 var(--font-size-sm) / var(--leading-snug) var(--font-base);--type-ui:400 var(--font-size-sm) / var(--leading-snug) var(--font-base);--type-caption:400 var(--font-size-xs) / var(--leading-snug) var(--font-base);--type-meta:400 var(--font-size-xs) / var(--leading-snug) var(--font-mono);--type-code:400 var(--font-size-sm) / var(--leading-code) var(--font-mono)}:is(h1,h2,h3,h4),.text-display,.text-headline,.text-title,.text-heading,.text-subheading{letter-spacing:-.02em}.text-display{font:var(--type-display)}.text-headline{font:var(--type-headline)}.text-title{font:var(--type-title)}.text-heading{font:var(--type-heading)}.text-subheading{font:var(--type-subheading)}.text-lead{font:var(--type-lead)}.text-body-strong{font:var(--type-body-strong)}.text-body-sm{font:var(--type-body-sm)}.text-label{font:var(--type-label)}.text-ui{font:var(--type-ui)}.text-caption{font:var(--type-caption)}.text-meta{font:var(--type-meta);letter-spacing:0;color:var(--color-text-muted);& code{font-size:inherit}}.text-code{font:var(--type-code)}.lead{font:var(--type-lead);color:var(--color-text-muted);margin-block:var(--space-md) var(--space-lg)}.accent{color:var(--color-primary)}hr{border:none;border-top:var(--border-width) solid var(--color-border);margin-block:var(--space-sm);width:100%}.lift{transition:border-color var(--transition), translate var(--transition)}html[data-lift-shadow] .lift,html:has([data-lift-shadow-toggle]>input:checked) .lift{transition:border-color var(--transition), box-shadow var(--transition), translate var(--transition);&:hover{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);translate:calc(var(--shadow-offset) * -1) calc(var(--shadow-offset) * -1)}}html[data-lift-shadow] .lift:active,html:has([data-lift-shadow-toggle]>input:checked) .lift:active{box-shadow:none;translate:0}@media (prefers-reduced-motion:reduce){html[data-lift-shadow] .lift:hover,html:has([data-lift-shadow-toggle]>input:checked) .lift:hover{translate:none}}.tone-primary{--tone:var(--color-primary);--tone-hover:var(--color-primary-hover);--tone-accent:var(--color-primary-accent)}.tone-secondary{--tone:var(--color-secondary);--tone-hover:var(--color-secondary-hover);--tone-accent:var(--color-secondary-accent)}.tone-destructive{--tone:var(--color-destructive);--tone-hover:var(--color-destructive-hover);--tone-accent:var(--color-destructive-accent)}.tone-warning{--tone:var(--color-warning);--tone-hover:var(--color-warning-hover);--tone-accent:var(--color-warning-accent)}.tone-success{--tone:var(--color-success);--tone-hover:var(--color-success-hover);--tone-accent:var(--color-success-accent)}.tone-neutral{--tone:var(--color-text-muted);--tone-hover:var(--color-text);--tone-accent:var(--color-border-strong)}.panel{--panel-accent:var(--tone-accent,var(--color-primary-accent));--shadow-color:var(--panel-accent);background-color:var(--color-surface-raised);border:var(--border-width) solid var(--border-color);border-top:2px solid var(--panel-accent);border-radius:var(--radius);&.lift:hover{border-color:var(--shadow-color)}}.field{--field-accent:var(--color-primary);--field-tint:var(--color-primary-accent);--field-ring:inset 0 0 0 0 transparent;--field-sink:inset 0 1px 2px #0000000f;inline-size:100%;min-inline-size:0;font:var(--type-ui);color:var(--color-text);caret-color:var(--field-accent);background-color:var(--color-surface-raised);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);box-shadow:var(--field-ring), var(--field-sink);transition:border-color var(--transition), box-shadow var(--transition);&::placeholder{color:var(--color-text-muted)}&::selection{background-color:var(--field-tint)}&:hover:not(:disabled,[readonly],:focus){border-color:var(--color-text-muted)}&:focus{--field-ring:inset 0 0 0 1px var(--field-accent);border-color:var(--field-accent);outline:2px solid #0000}:is(&:user-invalid,&[aria-invalid=true]){--field-accent:var(--color-destructive);--field-tint:var(--color-destructive-accent);border-color:var(--field-accent);background-color:light-dark(color-mix(in oklab, var(--color-destructive) 8%, var(--color-surface-raised)),color-mix(in oklab, var(--color-destructive) 12%, var(--color-surface-raised)))}&[readonly]{--field-sink:none;background-color:var(--color-bg-alt);border-style:dashed}&:disabled{--field-sink:none;opacity:.5;background-color:var(--color-bg-alt);cursor:not-allowed}@media (forced-colors:active){:is(&:user-invalid,&[aria-invalid=true]){border-width:2px}}}@media (width<40rem),(height<32rem){.sheet{width:100%;max-width:none;height:auto;max-height:calc(100dvh - var(--space-xl) - env(safe-area-inset-top));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:var(--color-text);background-color:var(--color-surface-raised);border-top:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 calc(var(--space-sm) * -1) var(--space-lg) #0003;overscroll-behavior:contain;transition:translate .25s cubic-bezier(.2, .8, .2, 1), display .25s allow-discrete, overlay .25s allow-discrete;inset:auto 0 0;:is(&:popover-open,&[open]){@starting-style{translate:0 100%}}&:not(:popover-open,[open]){translate:0 100%}&::backdrop{transition:opacity .25s, display .25s allow-discrete, overlay .25s allow-discrete;background-color:#0006}&:popover-open::backdrop{@starting-style{opacity:0}}&[open]::backdrop{@starting-style{opacity:0}}&:not(:popover-open,[open])::backdrop{opacity:0}@media (prefers-reduced-motion:reduce){&,&::backdrop{transition:none}}}html:has(.sheet:popover-open,.sheet[open]){overflow:hidden}}.fx-top-layer:popover-open{width:auto;height:auto;color:inherit;pointer-events:none;background:0 0;border:0;margin:0;padding:0;inset:0;overflow:visible}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.wash{position:relative;&:before{content:"";z-index:var(--z-backdrop);pointer-events:none;background:radial-gradient(ellipse 50% 60% at var(--wash-at,50% 50%), color-mix(in oklab, var(--color-primary) 10%, transparent), transparent);position:absolute;inset:0}}.fx-scanlines{html[data-scanlines] &,html:has([data-scanlines-toggle]>input:checked) &{z-index:var(--z-scanlines);pointer-events:none;background:linear-gradient(to bottom, var(--color-scanline) 0 1px, transparent 1px) 0 0 / 100% 3px, radial-gradient(ellipse at center, transparent 55%, light-dark(#0000000f,#00000040) 100%);position:fixed;inset:0}}body{min-height:100dvh;font:var(--type-body);font-optical-sizing:auto;color:var(--color-text);--grid-major:calc(var(--grid-size) * 4);--grid-marks-size:calc(var(--grid-major) * 2);--grid-offset:calc((var(--grid-size) + var(--grid-major)) / 2);--grid-marks:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M0 0h4M252 0h4M0 256h4M252 256h4M0 0v4M0 252v4M256 0v4M256 252v4' stroke='%23000' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");isolation:isolate;background-color:var(--color-bg);--grid-major-line:color-mix(in oklab, var(--color-grid), transparent 50%);background-image:linear-gradient(var(--grid-major-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major-line) 1px, transparent 1px), linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-size:var(--grid-major) var(--grid-major), var(--grid-major) var(--grid-major), var(--grid-size) var(--grid-size), var(--grid-size) var(--grid-size);background-position:var(--grid-offset) var(--grid-offset);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative;container-type:inline-size;&:before{content:"";z-index:var(--z-backdrop);pointer-events:none;background-color:color-mix(in oklab, var(--color-text-muted) 20%, transparent);mask:var(--grid-marks) calc(var(--grid-offset) + .5px) calc(var(--grid-offset) + .5px) / var(--grid-marks-size) var(--grid-marks-size);will-change:transform;position:absolute;inset:0}& .skip-link{left:var(--space-md);top:var(--space-md);z-index:var(--z-skip-link);padding:var(--space-sm) var(--space-md);color:var(--color-on-accent);background-color:var(--color-primary);text-decoration:none;position:absolute;translate:0 -200%;&:focus-visible{translate:0}}}