@layer ui.preflight{*,: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}}@layer ui.tokens{:root{color-scheme:light dark;--font-base:var(--font-inter,system-ui, sans-serif);--font-mono:var(--font-jetbrains-mono,ui-monospace, monospace);--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}}}@layer ui.themes{: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,system-ui, sans-serif);--font-mono:var(--font-fira-code,ui-monospace, monospace);@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)}}@layer ui.base{.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}.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}}}@layer ui.components{.alert{gap:var(--space-md);width:100%;padding:var(--space-md);grid-template-columns:1fr;display:grid;&.alert--icon{grid-template-columns:auto 1fr;align-items:center}& .icon{width:1.25rem;height:1.25rem;color:var(--tone)}& .content{flex-direction:column;min-width:0;display:flex;& h3{margin-bottom:var(--space-xs);font:var(--type-body-strong);letter-spacing:normal}& p{font:var(--type-body-sm);color:var(--color-text-muted)}}}.avatar{--avatar-size:2.5rem;width:var(--avatar-size);height:var(--avatar-size);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-alt);color:var(--color-text-muted);font-size:calc(var(--avatar-size) * .4);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden;&.avatar--size-sm{--avatar-size:1.75rem}&.avatar--size-lg{--avatar-size:4rem}& .avatar__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}}.badge{font:var(--type-label);border:var(--border-width) solid transparent;border-radius:var(--radius);justify-content:center;align-items:center;gap:var(--space-xs);white-space:nowrap;text-decoration:none;display:inline-flex;& svg{flex:none;width:1em;height:1em}&.badge--size-sm{font-size:var(--font-size-xs);padding:0 var(--space-xs);height:1.25rem}&.badge--size-default{padding:0 var(--space-sm);height:1.5rem}&.badge--size-lg{font-size:var(--font-size-base);padding:0 var(--space-md);height:1.75rem}&.badge--solid{color:var(--color-on-accent);background-color:var(--tone);border-color:var(--tone)}&.badge--outline{color:var(--tone);border-color:var(--tone)}&.badge--ghost{color:var(--tone)}}.button-group{display:inline-flex;&>.button{border-radius:0;&:not(:first-child){margin-inline-start:calc(var(--border-width) * -1)}&:first-child{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}&:last-child{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}&:hover,&:focus-visible,&[aria-pressed=true]{z-index:1;position:relative}}}.button{--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}}.card{align-items:start;gap:var(--space-sm);padding:var(--space-md-lg);flex-direction:column;width:100%;display:flex;&:not(.card--rule){border-top:var(--border-width) solid var(--border-color);&.lift:hover{border-color:var(--shadow-color)}}& :is(h3,p){margin:0}& p{font:var(--type-body);line-height:var(--leading-normal);color:var(--color-text-muted)}&.card--rule{padding-top:calc(var(--space-md-lg) - (2px - var(--border-width)))}&>:is(h3,p)~a{margin-top:var(--space-xs);font:var(--type-ui)}}.corner-window{--corner-window-gap:var(--space-md);&.corner-window--end{--corner-window-area:top span-left;--corner-window-origin:bottom right}&.corner-window--start{--corner-window-area:top span-right;--corner-window-origin:bottom left}&.corner-window--pinned{z-index:var(--z-sticky);position:fixed;inset-block-end:calc(var(--corner-window-gap) + env(safe-area-inset-bottom));&.corner-window--end{inset-inline-end:calc(var(--corner-window-gap) + env(safe-area-inset-right))}&.corner-window--start{inset-inline-start:calc(var(--corner-window-gap) + env(safe-area-inset-left))}}& .corner-window__close{display:none}&:has(.corner-window__panel:popover-open){& .corner-window__open{display:none}& .corner-window__close{display:block}}& .corner-window__panel{flex-direction:column;&:popover-open{display:flex}}@media (width>=40rem) and (height>=32rem){& .corner-window__panel{width:24rem;max-height:min(36rem, 100dvh - 3 * var(--corner-window-gap) - var(--control-height-lg));color:var(--color-text);background-color:var(--color-surface-raised);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);box-shadow:0 var(--space-sm) var(--space-lg) #0003;transform-origin:var(--corner-window-origin);transition:opacity var(--transition), scale var(--transition), display var(--transition) allow-discrete, overlay var(--transition) allow-discrete;&:popover-open{@starting-style{opacity:0;scale:.96}}&:not(:popover-open){opacity:0;scale:.96}@supports (position-area:top){position-area:var(--corner-window-area);position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin-block-end:var(--space-sm)}@supports not (position-area:top){margin:auto}}}& .corner-window__header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);border-bottom:var(--border-width) solid var(--color-border);flex:none;display:flex}& .corner-window__body{gap:var(--space-md);min-height:0;padding:var(--space-md);overscroll-behavior:contain;flex-direction:column;flex:auto;display:flex;overflow-y:auto}}.dropdown{display:inline-block;& .dropdown__trigger svg{margin-bottom:0}& .dropdown__chevron{opacity:.75;transition:rotate var(--transition)}&:has(.dropdown__panel:popover-open) .dropdown__chevron{rotate:180deg}@container (width<=30rem){&.dropdown--collapse-30rem{& .dropdown__chevron{display:none}& .dropdown__trigger{padding-inline:var(--space-sm)}& .dropdown__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}}@container (width<=48rem){&.dropdown--collapse-48rem{& .dropdown__chevron{display:none}& .dropdown__trigger{padding-inline:var(--space-sm)}& .dropdown__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}}& .dropdown__panel{width:min(20rem, 100vw - 2 * var(--space-md));padding:var(--space-md);color:var(--color-text);background-color:var(--color-surface-raised);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);box-shadow:0 var(--space-sm) var(--space-lg) #0003;max-height:calc(100% - var(--space-md));overscroll-behavior:contain;margin:0;overflow-y:auto;&:popover-open{gap:var(--space-md);flex-direction:column;display:flex}@supports (position-area:bottom){margin-top:var(--space-xs);position-try-fallbacks:flip-block;&.dropdown__panel--align-start{position-area:bottom span-right}&.dropdown__panel--align-end{position-area:bottom span-left}}@supports not (position-area:bottom){margin:auto}}& .dropdown__header{margin-block:calc(var(--space-xs) * -1);justify-content:space-between;align-items:center;display:flex}& .dropdown__title{margin:0}}.icon-list{gap:var(--space-xs) var(--space-md);color:var(--color-text-muted);flex-wrap:wrap;display:flex;& li{align-items:center;gap:var(--space-xs);display:inline-flex}& svg{flex:none}}.input{height:var(--control-height-md);padding:var(--space-xs) var(--space-sm)}.kbd{font:var(--type-meta);color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:.2em;display:inline-flex;&.kbd__key,& .kbd__key{min-width:1.75em;font:inherit;text-align:center;color:var(--color-text);background-color:var(--color-surface-raised);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);border-bottom-width:2px;padding:.0625rem .3125rem 0;line-height:1.4;display:inline-block}&[data-apple] .kbd__plus{display:none}}@property --progress-value{syntax:"<number>";inherits:true;initial-value:0}.progress{--progress-fill:var(--tone,var(--color-primary));--progress-track:color-mix(in oklab, var(--progress-fill) 20%, transparent);background-color:var(--progress-track);block-size:.25rem;inline-size:100%;transition:--progress-value var(--transition);display:flex;&:before{content:"";background-color:var(--progress-fill);scale:var(--progress-value) 1;transform-origin:0;flex:1}&:dir(rtl):before{transform-origin:100%}@media (forced-colors:active){--progress-fill:Highlight;--progress-track:GrayText}}.scroll-cue{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);text-decoration:none;display:inline-flex;& svg{animation:2s ease-in-out infinite scroll-cue-nudge;@media (prefers-reduced-motion:reduce){animation:none}}&[data-offscreen] svg{animation-play-state:paused}}@keyframes scroll-cue-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(.25rem)}}.segmented{--segmented-height:var(--control-height-md);--segmented-inner-radius:calc(var(--radius) - var(--border-width));border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);min-width:0;margin:0;padding:0;display:inline-flex;&.segmented--size-sm{--segmented-height:var(--control-height-sm)}&:disabled{opacity:.5}& .segmented__option{min-width:var(--segmented-height);height:var(--segmented-height);padding-inline:var(--space-sm);font:var(--type-label);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition), background-color var(--transition);justify-content:center;align-items:center;display:inline-flex;&+&{border-left:var(--border-width) solid var(--color-border-strong)}&:first-of-type{border-start-start-radius:var(--segmented-inner-radius);border-end-start-radius:var(--segmented-inner-radius)}&:last-of-type{border-start-end-radius:var(--segmented-inner-radius);border-end-end-radius:var(--segmented-inner-radius)}&:hover{color:var(--color-text);background-color:var(--color-bg-alt)}&:has(:checked){color:var(--color-on-accent);background-color:var(--color-primary)}&:has(:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}}&.segmented--size-sm .segmented__option{padding-inline:var(--space-xs);font-size:var(--font-size-xs);&:has(.segmented__text){padding-inline:var(--space-sm)}}&.segmented--subtle .segmented__option:has(:checked){color:var(--color-text);background-color:var(--color-bg-alt)}&:disabled .segmented__option{cursor:not-allowed}& .segmented__text{white-space:nowrap}@media (forced-colors:active){&.segmented--solid .segmented__option:has(:checked),&.segmented--subtle .segmented__option:has(:checked){color:highlighttext;forced-color-adjust:none;background-color:highlight}}}.select{--select-chevron:var(--color-text-muted);appearance:none;height:var(--control-height-md);padding:var(--space-xs) calc(var(--space-md) + 1.25rem) var(--space-xs) var(--space-sm);font:var(--type-ui);color:var(--color-text);background-color:var(--color-surface);background-image:linear-gradient(45deg, transparent 50%, var(--select-chevron) 50%), linear-gradient(135deg, var(--select-chevron) 50%, transparent 50%);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);background-position:calc(100% - 1.125rem),calc(100% - .75rem);background-repeat:no-repeat;background-size:.375rem .375rem;&:hover{border-color:var(--color-primary);--select-chevron:var(--color-primary)}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}&:active:not(:disabled){background-color:var(--color-bg-alt)}&:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors:active){forced-color-adjust:none;--select-chevron:ButtonText;color:buttontext;background-color:canvas;border-color:buttontext;&:hover{--select-chevron:Highlight;border-color:highlight}}& .select__option{color:var(--color-text);background-color:var(--color-surface)}}.slider{--thumb:.75rem;--track:.25rem;--fill:linear-gradient(to right, var(--tone,var(--color-primary)) var(--progress,0%), var(--color-border-strong) var(--progress,0%) var(--buffered,0%), var(--color-border) var(--buffered,0%));min-width:0;height:var(--thumb);appearance:none;cursor:pointer;background:0 0;margin:0;&::-webkit-slider-runnable-track{height:var(--track);background:var(--fill)}&::-moz-range-track{height:var(--track);background:var(--fill)}&::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--track) - var(--thumb)) / 2);border-radius:var(--radius);background:var(--tone,var(--color-primary));border:0}&::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:var(--radius);background:var(--tone,var(--color-primary));border:0}}.status{align-items:center;gap:var(--space-sm);display:inline-flex;& .status__light{border-radius:var(--radius);background-color:currentColor;flex:none;width:.5em;height:.5em;position:relative;&.status__light--toned{color:var(--tone)}&.status__light--pulse:after{content:"";background-color:inherit;border-radius:inherit;animation:2s ease-out infinite status-pulse;position:absolute;inset:0;@media (prefers-reduced-motion:reduce){display:none}}}}@keyframes status-pulse{0%{opacity:.6;scale:1}to{opacity:0;scale:2.5}}.textarea{--textarea-padding:var(--space-sm);--textarea-chrome:calc(2 * (var(--textarea-padding) + var(--border-width)));field-sizing:content;min-block-size:calc(var(--rows) * 1lh + var(--textarea-chrome));max-block-size:calc(var(--max-rows) * 1lh + var(--textarea-chrome));padding:var(--textarea-padding);font:var(--type-body-sm);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;display:block;&::-webkit-resizer{background:linear-gradient(135deg, transparent 45%, var(--color-border-strong) 45% 52%, transparent 52% 68%, var(--color-border-strong) 68% 75%, transparent 75%)}&[readonly],&:disabled{resize:none}}.toggle{--toggle-width:2.75rem;--toggle-height:1.5rem;--toggle-knob:calc(var(--toggle-height) - .375rem);-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-block;position:relative;&.toggle--text{align-items:center;gap:var(--space-sm);display:inline-flex}& .toggle__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}& .toggle__slider{width:var(--toggle-width);height:var(--toggle-height);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg-alt);transition:background-color var(--transition), border-color var(--transition), box-shadow var(--transition);display:block;position:relative;&:before{content:"";width:var(--toggle-knob);height:var(--toggle-knob);border-radius:var(--radius);background:var(--color-primary);transition:transform var(--transition), background-color var(--transition);position:absolute;top:50%;left:.1875rem;transform:translateY(-50%);box-shadow:0 0 0 1px #0000000a,0 1px #0000000f}}@media (pointer:coarse){&:after{content:"";position:absolute;inset:-.5rem}}& .toggle__input:hover+.toggle__slider{border-color:var(--color-primary)}& .toggle__input:active:where(:not(:disabled))+.toggle__slider{translate:0 1px}& .toggle__input:focus-visible+.toggle__slider{outline:2px solid var(--color-primary);outline-offset:2px}& .toggle__input:checked+.toggle__slider{background:var(--color-primary);border-color:var(--color-primary);&:before{background:var(--color-on-accent);transform:translate(calc(var(--toggle-width) - var(--toggle-height)), -50%)}}& .toggle__input:disabled+.toggle__slider,& .toggle__input[aria-disabled=true]+.toggle__slider{opacity:.5;cursor:not-allowed}& .toggle__input:checked:hover+.toggle__slider{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}@media (forced-colors:active){& .toggle__slider{background:canvas;border-color:buttontext;&:before{background:buttontext}}& .toggle__input:hover+.toggle__slider{border-color:highlight}& .toggle__input:checked+.toggle__slider,& .toggle__input:checked:hover+.toggle__slider{background:highlight;border-color:highlight;&:before{background:highlighttext}}}}.accordion-item{--accordion-duration:.2s;&+&{border-top:var(--border-width) solid var(--border-color)}& summary{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);cursor:pointer;transition:color var(--transition);list-style:none;display:flex;&::-webkit-details-marker{display:none}&:hover{color:var(--tone)}&:focus-visible{outline-offset:-2px}& [data-icon]{color:var(--color-text-muted);transition:rotate var(--accordion-duration) ease-out;flex-shrink:0}}&[open] summary [data-icon]{rotate:180deg}&::details-content{transition:grid-template-rows var(--accordion-duration) ease-out, content-visibility var(--accordion-duration) allow-discrete;grid-template-rows:0fr;display:grid}&[open]::details-content{grid-template-rows:1fr}& .accordion-item__body{min-height:0;overflow:hidden;& .accordion-item__content{padding:0 var(--space-md) var(--space-md);color:var(--color-text-muted)}}@media (prefers-reduced-motion:reduce){--accordion-duration:0s}}.accordion{width:100%;overflow:hidden}.attachment-group{--attachment-group-fade:var(--space-md);gap:var(--space-sm);inline-size:100%;min-inline-size:0;padding:var(--space-xs);scroll-padding-inline:var(--attachment-group-fade);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;contain:inline-size;display:flex;overflow-x:auto;@supports (animation-timeline:scroll()){mask-image:linear-gradient(to right, transparent, #000 var(--attachment-group-fade-start), #000 calc(100% - var(--attachment-group-fade-end)), transparent);animation:linear both attachment-group-fade scroll(self inline)}&>.attachment{scroll-snap-align:start;flex:none}&>.attachment--horizontal{--attachment-width:15rem}&:focus-visible{outline-offset:-2px}}@property --attachment-group-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --attachment-group-fade-end{syntax:"<length>";inherits:false;initial-value:0}@keyframes attachment-group-fade{0%{--attachment-group-fade-start:0px;--attachment-group-fade-end:var(--attachment-group-fade)}5%,95%{--attachment-group-fade-start:var(--attachment-group-fade);--attachment-group-fade-end:var(--attachment-group-fade)}to{--attachment-group-fade-start:var(--attachment-group-fade);--attachment-group-fade-end:0px}}.attachment-media{inline-size:var(--attachment-media);block-size:var(--attachment-media);color:var(--attachment-media-color,var(--color-text-muted));background-color:var(--color-bg-alt);border:var(--border-width) solid var(--attachment-media-border,var(--border-color));border-radius:var(--radius);place-items:center;display:grid;overflow:hidden;& svg{block-size:45%;inline-size:45%}& img{object-fit:cover;block-size:100%;inline-size:100%}&.attachment-media--vertical{aspect-ratio:4/3;border-width:0 0 var(--border-width);border-radius:0;grid-column:1/-1;block-size:auto;inline-size:100%;& svg{block-size:2rem;inline-size:2rem}}}.attachment{--attachment-media:2.5rem;--attachment-pad:var(--space-sm);--attachment-title-size:var(--font-size-sm);--shadow-color:var(--tone-accent);align-items:center;gap:var(--space-sm);inline-size:var(--attachment-width,100%);max-inline-size:100%;padding:var(--attachment-pad);background-color:var(--color-surface-raised);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden;&.attachment--size-sm{--attachment-media:2rem;--attachment-pad:var(--space-xs);--attachment-title-size:var(--font-size-xs)}&.attachment--size-lg{--attachment-media:3rem;--attachment-pad:.75rem;--attachment-title-size:var(--font-size-base)}& .attachment__content{flex-direction:column;gap:.125rem;min-inline-size:0;display:flex}& .attachment__title,& .attachment__description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .attachment__title{font:var(--type-label);font-size:var(--attachment-title-size);color:var(--color-text)}& .attachment__description{font:var(--type-meta);color:var(--color-text-muted)}& a.attachment__title{text-decoration:none;&:after{content:"";position:absolute;inset:0}&:hover{color:var(--color-text);background-color:#0000;text-decoration:underline}&:focus-visible{outline:none;&:after{outline:2px solid var(--color-primary);outline-offset:-2px}}}&.lift:hover{border-color:var(--shadow-color)}& .attachment__actions{z-index:1;align-items:center;gap:var(--space-xs);display:flex;position:relative}& .attachment__progress{block-size:2px;position:absolute;inset:auto 0 0}&.attachment--state-idle{border-style:dashed;border-color:var(--color-border-strong)}&[aria-busy=true] .attachment__title{color:#0000;background:linear-gradient(90deg, var(--color-text-muted) 35%, var(--color-text) 50%, var(--color-text-muted) 65%) 0 0 / 300% 100%;background-clip:text;animation:1.6s linear infinite attachment-shimmer;@media (prefers-reduced-motion:reduce){color:var(--color-text-muted);background:0 0;animation:none}@media (forced-colors:active){color:canvastext;background:0 0}}&.attachment--state-error{--attachment-media-color:var(--tone);--attachment-media-border:var(--tone-accent);border-color:var(--tone);background-color:light-dark(color-mix(in oklab, var(--tone) 6%, var(--color-surface-raised)),color-mix(in oklab, var(--tone) 10%, var(--color-surface-raised)));& .attachment__description{color:var(--tone)}}&.attachment--vertical{--attachment-width:10rem;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0;padding:0;&.attachment--size-sm{--attachment-width:8rem}&.attachment--size-lg{--attachment-width:13rem}& .attachment__content{padding:var(--space-sm)}& .attachment__actions{padding:var(--space-sm) var(--space-sm) 0 0}}}@keyframes attachment-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.carousel-item{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-inline-size:0;display:grid}.carousel-pips{min-inline-size:0;mask-image:linear-gradient(calc(var(--fade-flip,1) * 90deg), transparent, #000 var(--fade-start,0), #000 calc(100% - var(--fade-end,0)), transparent);flex:1;display:flex;overflow:hidden;&:dir(rtl){--fade-flip:-1}&[data-fade-start]{--fade-start:var(--space-lg)}&[data-fade-end]{--fade-end:var(--space-lg)}.carousel[data-held] &{--pip-progress-state:paused}.carousel[data-autoplay]:not([data-paused]) &{--pip-current:var(--tone-accent);--pip-progress:carousel-progress var(--carousel-interval) linear forwards;@media (forced-colors:active){--pip-current:GrayText}}}@keyframes carousel-progress{to{--progress-value:1}}.carousel-pips__pip{min-inline-size:.75rem;height:var(--control-height-md);cursor:pointer;background:0 0;border:0;flex:0 2rem;align-items:center;padding:0 2px;display:flex;& .carousel-pips__bar{--progress-track:var(--color-border-strong);block-size:3px;transition:background-color var(--transition), block-size var(--transition);flex:1}&:hover .carousel-pips__bar{--progress-track:var(--color-text-muted)}&[aria-current=true] .carousel-pips__bar{--progress-track:var(--pip-current,var(--tone));block-size:5px;animation:var(--pip-progress,none);animation-play-state:var(--pip-progress-state,running)}@media (forced-colors:active){& .carousel-pips__bar{--progress-track:CanvasText}&[aria-current=true] .carousel-pips__bar{--progress-track:var(--pip-current,Highlight)}}}.carousel{flex-direction:column;width:100%;display:flex;overflow:hidden;container-type:inline-size;& .carousel__items{min-block-size:var(--carousel-min-height,0);overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;display:flex;overflow:auto hidden;&::-webkit-scrollbar{display:none}&:focus-visible{outline-offset:-2px}}& .carousel__footer{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);border-block-start:var(--border-width) solid var(--border-color);display:flex;&:has(>.carousel__pause:not([hidden])){padding-inline-start:var(--space-sm)}& .carousel__counter{font:var(--type-meta);font-variant-numeric:tabular-nums;color:var(--color-text);white-space:nowrap;gap:.5ch;margin:0;display:flex;& .carousel__total{color:var(--color-text-muted)}}& .carousel__arrows{gap:var(--space-xs);margin-inline-start:auto;display:flex}}}.card-grid{gap:var(--space-md);width:100%;display:grid;@container (width>=36rem){grid-template-columns:repeat(4,1fr);&>*{grid-column:span 2}&>:last-child:nth-child(odd){grid-column:2/span 2}}@container (width>=52rem){grid-template-columns:repeat(6,1fr);&>:last-child:nth-child(odd){grid-column:span 2}&>:last-child:nth-child(3n+1){grid-column:3/span 2}&>:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}}}.masonry{columns:var(--masonry-min) var(--masonry-columns);column-gap:var(--space-md)}.masonry.masonry>*{break-inside:avoid;margin-bottom:var(--space-md)}.marquee{position:relative;& .marquee__pause{top:var(--space-xs);right:var(--space-xs);z-index:1;background-color:var(--color-surface);opacity:0;transition:opacity var(--transition);position:absolute}&:hover .marquee__pause,&:focus-within .marquee__pause,& .marquee__pause[aria-pressed=true]{opacity:1}@media (hover:none){& .marquee__pause{opacity:1}}& .marquee__definitions{width:0;height:0;position:absolute;overflow:hidden}& .marquee__track{gap:var(--gap);width:max-content;animation:marquee-scroll var(--duration) linear infinite;display:flex;@media (prefers-reduced-motion:reduce){animation:none}& .marquee__group{justify-content:space-around;align-items:center;gap:var(--gap);flex:none;margin:0;padding:0;list-style:none;display:flex}}&[data-reverse] .marquee__track{animation:marquee-scroll-reverse var(--duration) linear infinite;@media (prefers-reduced-motion:reduce){animation:none}}&[data-paused] .marquee__track,[data-paused] & .marquee__track,&[data-offscreen] .marquee__track{animation-play-state:paused}}@keyframes marquee-scroll{0%{transform:translate(0,0)}to{transform:translate3d(calc(-33.3333% - var(--gap) / 3), 0, 0)}}@keyframes marquee-scroll-reverse{0%{transform:translate3d(calc(-33.3333% - var(--gap) / 3), 0, 0)}to{transform:translate(0,0)}}.quote{gap:var(--space-md);width:100%;padding:var(--space-md);flex-direction:column;margin:0;display:flex;& .quote__body{font:var(--type-lead);margin:0}& .quote__author{align-items:center;gap:var(--space-sm);min-width:0;padding-top:var(--space-md);border-top:var(--border-width) solid var(--border-color);display:flex;& .quote__byline{flex-direction:column;min-width:0;display:flex;& .quote__title{color:var(--color-text-muted)}}}}.stat{gap:var(--space-md);width:100%;padding:var(--space-md);flex-direction:column;display:flex;& .stat__value{color:var(--tone);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,3vw + 1.5rem,4rem);& .stat__display{white-space:nowrap;align-items:baseline;display:flex;& .stat__affix{font-size:.6em;font-weight:700}}}& .stat__label{padding-top:var(--space-sm);border-top:var(--border-width) dashed var(--color-border-strong);color:var(--color-text-muted);margin-top:auto}}.code{contain:inline-size;background-color:var(--code-background,var(--color-bg-alt));border:var(--border-width) solid var(--border-color);border-radius:var(--radius);width:100%;min-width:0;margin:0;overflow:hidden;& .code__header{align-items:center;gap:var(--space-sm);min-height:var(--control-height-md);padding-inline:var(--space-md) 0;border-bottom:var(--border-width) solid var(--border-color);display:flex}& .code__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);flex:1;overflow:hidden}& .code__copy[hidden],& .code__copy-done{display:none}& .code__copy[data-copied]{color:var(--color-success);& .code__copy-idle{display:none}& .code__copy-done{display:block}}& .code__pre{padding:var(--space-sm) var(--space-md);font:var(--type-code);font-variant-ligatures:none;tab-size:4;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;margin:0;& code{font:inherit}&:focus-visible{outline-offset:-2px}}&.code--numbered .code__pre code{counter-reset:line;& .line:before{counter-increment:line;content:counter(line);width:2ch;margin-right:var(--space-md);text-align:right;color:var(--code-line-number,var(--color-border-strong));-webkit-user-select:none;user-select:none;display:inline-block}}}.code-inline{border-radius:var(--radius);font-size:var(--font-size-code);overflow-wrap:anywhere;padding:.1em .35em}.interactive-message{gap:var(--space-md);flex-direction:column;min-block-size:0;inline-size:100%;display:flex;& .interactive-message__log{gap:var(--space-md);overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;flex-direction:column;min-block-size:0;display:flex;overflow-y:auto;@media (prefers-reduced-motion:reduce){scroll-behavior:auto}& .message[data-new]{transform-origin:0 100%;animation:.2s ease-out interactive-message-in;@media (prefers-reduced-motion:reduce){animation:none}}& .message--end[data-new]{transform-origin:100% 100%}}&[data-capped] .interactive-message__log{scrollbar-gutter:stable}& .interactive-message__footer{justify-content:end;display:flex}& .interactive-message__options{justify-content:end;gap:var(--space-xs);flex-wrap:wrap;flex:1;display:flex;&:focus{outline:none}&>*{animation:.2s ease-out backwards interactive-message-in;@media (prefers-reduced-motion:reduce){animation:none}}&>:nth-child(2){animation-delay:50ms}&>:nth-child(n+3){animation-delay:.1s}&[data-waiting]>*{visibility:hidden;opacity:0;transition:opacity var(--transition), visibility var(--transition)}}& .interactive-message__restart{animation:.2s ease-out interactive-message-in;@media (prefers-reduced-motion:reduce){animation:none}}}@keyframes interactive-message-in{0%{opacity:0;scale:.96}}.message-bubble{min-inline-size:0;max-inline-size:80%;padding:var(--space-sm) .75rem;font:var(--type-body-sm);overflow-wrap:anywhere;border:var(--border-width) solid transparent;border-radius:var(--radius);& p+p{margin-top:var(--space-sm)}&.message-bubble--solid{color:var(--color-on-accent);background-color:var(--tone);& a{color:inherit;&:hover{color:var(--tone);background-color:var(--color-on-accent)}}}&.message-bubble--tinted{background-color:light-dark(color-mix(in oklab, var(--tone) 12%, var(--color-surface-raised)),color-mix(in oklab, var(--tone) 20%, var(--color-surface-raised)))}&.message-bubble--outline{background-color:var(--color-surface-raised);border-color:var(--tone-accent)}&.message-bubble--ghost{justify-self:stretch;max-inline-size:none;padding:0}}.message-group{gap:var(--space-xs);flex-direction:column;inline-size:100%;display:flex;&>.message:not(:first-child) .message__header{display:none}&>.message:not(.message--ghost,:last-child) .message__avatar{visibility:hidden}&>.message--ghost:not(:first-child) .message__avatar{visibility:hidden;border-block-width:0;block-size:0}}.message-typing{align-items:center;gap:.3em;block-size:1lh;display:inline-flex;& .message-typing__dot{background-color:currentColor;border-radius:50%;block-size:.4em;inline-size:.4em;animation:1.2s ease-in-out infinite message-typing;&:nth-child(2){animation-delay:.15s}&:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){opacity:.6;animation:none}@media (forced-colors:active){background-color:canvastext}}}@keyframes message-typing{0%,60%,to{opacity:.3;translate:0}30%{opacity:1;translate:0 -.2em}}.message{justify-items:start;column-gap:var(--space-sm);grid-template-columns:minmax(0,1fr);grid-template-areas:"header""bubble""footer";inline-size:100%;display:grid;&.message--avatar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:".header""avatar bubble"".footer"}&.message--end{justify-items:end;&.message--avatar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"header.""bubble avatar""footer."}}& .message__header{margin-bottom:var(--space-xs);align-items:baseline;gap:var(--space-sm);grid-area:header;display:flex}& .message__author{font:var(--type-label)}& .message__time{font:var(--type-meta);color:var(--color-text-muted)}& .message__avatar{grid-area:avatar;align-self:end}& .message__bubble{grid-area:bubble}&.message--ghost.message--avatar{grid-template-areas:"avatar header""avatar bubble""avatar footer";& .message__avatar{align-self:start}&.message--end{grid-template-areas:"header avatar""bubble avatar""footer avatar"}}& .message__footer{margin-top:var(--space-xs);align-items:center;gap:var(--space-xs);font:var(--type-meta);color:var(--color-text-muted);grid-area:footer;display:flex}&.message--ghost .message__footer{--message-icon-inset:calc((1.2 * var(--font-size-sm) - var(--control-height-sm)) / 2)}&.message--ghost.message--start .message__footer .button--size-icon-sm:first-child{margin-inline-start:var(--message-icon-inset)}&.message--ghost.message--end .message__footer .button--size-icon-sm:last-child{margin-inline-end:var(--message-icon-inset)}}.post-action{font:var(--type-ui);font-variant-numeric:tabular-nums;color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;transition:color var(--transition), translate var(--transition);background-color:#0000;border:0;flex:none;align-items:center;padding:0;text-decoration:none;display:flex;position:relative;& .post-action__body{align-items:center;gap:var(--space-xs);min-block-size:var(--control-height-sm);padding:calc(var(--space-xs) / 2) var(--post-action-pad,var(--space-xs));border-radius:var(--radius);transition:background-color var(--transition);display:inline-flex}& svg{flex:none;block-size:1.125rem;inline-size:1.125rem}& .post-action__label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}@media (hover:hover){&:hover:where(:not(:disabled,[aria-disabled=true])){color:var(--color-text);& .post-action__body{background-color:color-mix(in oklab, var(--color-text) 8%, transparent)}}}&.post-action--end:not(.post-action--end~.post-action--end){margin-inline-start:auto}&.post-action--pressed{color:var(--color-text);& svg{stroke-width:2.5px}& .post-action__count{font-weight:600}}&.post-action--filled.post-action--pressed svg *{fill:currentColor}&:active:where(:not(:disabled,[aria-disabled=true])){translate:0 1px}&:disabled,&[aria-disabled=true]{cursor:not-allowed;color:color-mix(in oklab, var(--color-text-muted) 60%, transparent);text-decoration:line-through;& svg{stroke-width:1.25px}}&:focus-visible{outline:none;& .post-action__body{outline:2px solid var(--color-primary);outline-offset:0}}@media (width<=24rem){&:after{content:"";position:absolute;inset:-.5rem -2px}& svg{block-size:1rem;inline-size:1rem}}}.post-actions{--post-action-pad:var(--space-xs);--post-action-gap:var(--space-sm);align-items:center;gap:var(--post-action-gap);inline-size:100%;display:flex;@media (width<=24rem){--post-action-pad:calc(var(--space-xs) / 2);--post-action-gap:var(--space-xs)}}.post .post-actions{margin-inline:calc(-1 * var(--post-action-pad));margin-block:calc(-1 * var(--space-xs));inline-size:calc(100% + 2 * var(--post-action-pad))}.post--featured .post-action__count{display:none}.post-context{align-items:center;gap:var(--post-gap,var(--space-md));font:var(--type-ui);color:var(--color-text-muted);margin:0;display:flex;& .post-context__icon{inline-size:var(--post-avatar,2.5rem);flex:none;place-items:center;display:grid;& svg{block-size:1.2em;inline-size:1.2em}}& .post-context__text{overflow-wrap:anywhere;min-inline-size:0}& strong,& a{color:var(--color-text);font-weight:600;text-decoration:none}& a:hover{color:var(--color-text);text-underline-offset:.2em;background-color:#0000;text-decoration:underline}}.post-quote{gap:var(--space-sm);min-inline-size:0;padding:var(--post-embed-pad,var(--space-sm) var(--space-md));background-color:var(--post-embed-bg,transparent);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);transition:background-color var(--transition), border-color var(--transition);flex-direction:column;display:flex;position:relative;& .avatar{--avatar-size:1.25rem}& .post-quote__header{align-items:center;gap:var(--space-xs);min-inline-size:0;line-height:var(--leading-snug);display:flex}& .post-quote__author{min-inline-size:0;color:inherit;flex:0 auto;text-decoration:none;display:flex;&:hover{color:inherit;background-color:#0000}}& .post-quote__name{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;font:var(--type-body-strong);line-height:var(--leading-snug);overflow:hidden}& .post-quote__handle{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;font:var(--type-ui);color:var(--color-text-muted);flex:0 100000 auto;overflow:hidden}& .post-quote__dot,& .post-quote__time{font:var(--type-ui);font-variant-numeric:tabular-nums;color:var(--color-text-muted);flex:none}& .post-quote__body{font:var(--type-body);line-height:var(--leading-normal);overflow-wrap:anywhere;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}&.post-quote--link{& .post-quote__author:after{content:"";position:absolute;inset:0}&:hover{background-color:var(--post-embed-bg-hover,var(--color-bg-alt));border-color:var(--color-border-strong)}& .post-quote__author:focus-visible{outline:none}&:has(.post-quote__author:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}}&.post-quote--unavailable{color:var(--color-text-muted);flex-direction:row;align-items:center;& .post-quote__mark{flex:none;block-size:1rem;inline-size:1rem}& .post-quote__body{font:var(--type-body);line-height:var(--leading-snug)}}@media (width<=24rem){& .post-quote__handle{display:none}}}.post-stats{gap:var(--space-xs) var(--space-md);padding:var(--space-sm) 0;font:var(--type-ui);color:var(--color-text-muted);border-block:var(--border-width) solid var(--border-color);flex-wrap:wrap;margin:0;list-style:none;display:flex;& strong{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:600}}.post{--post-avatar:2.5rem;--post-pad:var(--space-md);--post-gap:var(--space-sm);--post-embed-pad:var(--space-sm) var(--space-md);--post-embed-bg:transparent;--post-embed-bg-hover:var(--color-bg-alt);grid-template-columns:var(--post-avatar) minmax(0, 1fr);column-gap:var(--post-gap);inline-size:100%;min-inline-size:0;padding:var(--post-pad);color:var(--color-text);grid-template-rows:auto auto 1fr;grid-template-areas:"context context""aside header""aside main";display:grid;position:relative;&.post--boxed{--post-embed-bg-hover:var(--color-bg);background-color:var(--color-surface-raised);border:var(--border-width) solid var(--border-color);border-radius:var(--radius)}&.post--feed{border-bottom:var(--border-width) solid var(--border-color)}&.post--featured{grid-template-areas:"context context""aside header""main main"}& .post__context{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-direction:column;grid-area:context;display:flex}& .post__aside{flex-direction:column;grid-area:aside;align-items:center;display:flex;position:relative}& .post__rail{display:none}& .post__header{align-items:baseline;gap:var(--space-xs);min-inline-size:0;margin-bottom:var(--space-xs);line-height:var(--leading-snug);grid-area:header;display:flex}& .post__author{min-inline-size:0;color:inherit;flex:0 auto;text-decoration:none;display:flex}& .post__name{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;font:var(--type-body-strong);line-height:var(--leading-snug);overflow:hidden}& a.post__author:hover{color:inherit;background-color:#0000;& .post__name{text-underline-offset:.2em;text-decoration:underline}}& .post__handle{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;font:var(--type-ui);color:var(--color-text-muted);flex:0 100000 auto;overflow:hidden}& .post__when{align-items:baseline;gap:var(--space-xs);white-space:nowrap;font:var(--type-ui);font-variant-numeric:tabular-nums;color:var(--color-text-muted);flex:none;display:inline-flex;&>svg{align-self:center}& a{color:inherit;text-decoration:none;&:hover{color:var(--color-text);text-underline-offset:.2em;background-color:#0000;text-decoration:underline}}}&.post--featured .post__header{flex-direction:column;justify-content:center;align-items:start;gap:0;margin-bottom:0}& .post__main{align-items:stretch;gap:var(--space-sm);flex-direction:column;grid-area:main;min-inline-size:0;display:flex}&.post--featured .post__main{margin-top:var(--space-sm)}& .post__content{gap:var(--space-sm);min-inline-size:0;font:var(--type-body);line-height:var(--leading-normal);overflow-wrap:anywhere;flex-direction:column;display:flex;& p{margin:0}}&.post--featured .post__content{font:var(--type-lead);line-height:var(--leading-normal)}& .post__media{gap:var(--space-sm);flex-direction:column;display:flex;& .attachment-group{margin-inline:calc(-1 * var(--space-xs));scroll-snap-type:none;flex-direction:column;animation:none;overflow:visible;mask-image:none;&>.attachment{--attachment-width:100%}}&>img{object-fit:cover;border:var(--border-width) solid var(--border-color);border-radius:var(--radius);max-block-size:24rem;inline-size:100%;display:block}&:has(>img:nth-child(2)){gap:var(--space-xs);aspect-ratio:16/9;border-radius:var(--radius);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;overflow:hidden;&>img{block-size:100%;min-block-size:0;max-block-size:none}&>img:nth-child(n+5){display:none}}&:has(>img:nth-child(2):last-child)>img,&:has(>img:nth-child(3):last-child)>img:first-child{grid-row:span 2}}& .post__timestamp{align-items:center;gap:var(--space-xs);font:var(--type-ui);font-variant-numeric:tabular-nums;color:var(--color-text-muted);display:flex}& .post__cw{gap:var(--space-sm);flex-direction:column;display:flex;&::details-content{gap:var(--space-sm);flex-direction:column;display:flex}&>summary{align-items:center;gap:var(--space-sm);cursor:pointer;font:var(--type-body-strong);line-height:var(--leading-snug);list-style:none;display:flex;&::-webkit-details-marker{display:none}&>svg{block-size:1rem;inline-size:1rem;color:var(--color-text-muted);flex:none}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}& .post__cw-text{overflow-wrap:anywhere;flex:auto;min-inline-size:0}& .post__cw-toggle{align-items:center;gap:var(--space-xs);padding:calc(var(--space-xs) / 2) var(--space-sm);font:var(--type-label);color:var(--color-text-muted);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);transition:color var(--transition), background-color var(--transition), border-color var(--transition);flex:none;display:inline-flex;& [data-icon]{transition:rotate var(--transition)}}&>summary:hover .post__cw-toggle{color:var(--color-text);background-color:var(--color-bg-alt);border-color:var(--color-border-strong)}& .post__cw-hide,&[open] .post__cw-show{display:none}&[open] .post__cw-hide{display:inline}&[open] .post__cw-toggle [data-icon]{rotate:180deg}}@media (width<=30rem){--post-avatar:2rem;--post-gap:var(--space-sm);& .post__aside>.avatar{--avatar-size:var(--post-avatar)}& .post__cw-label{display:none}&:not(.post--featured) .post__header{column-gap:var(--space-xs);grid-template-columns:minmax(0,max-content) max-content 1fr;display:grid}&:not(.post--featured) .post__handle{grid-area:2/1/auto/-1}}@media (width<=24rem){--post-pad:var(--space-sm)}}.post-thread{--post-rail:color-mix(in oklab, var(--color-text-muted) 60%, transparent);flex-direction:column;inline-size:100%;display:flex;&.post-thread--boxed{background-color:var(--color-surface-raised);border:var(--border-width) solid var(--border-color);border-radius:var(--radius)}&>.post{background-color:#0000;border:0;border-radius:0}&.post-thread--feed>.post:last-child{border-bottom:var(--border-width) solid var(--border-color)}&>.post:not(:last-child) .post__rail{inline-size:2px;margin-block:var(--space-xs) calc(-1 * var(--post-pad));background-color:var(--post-rail);flex:1;display:block}&>.post:not(:first-child,.post--context) .post__aside:before{content:"";inline-size:2px;block-size:calc(var(--post-pad) - var(--space-xs));background-color:var(--post-rail);position:absolute;inset-block-end:calc(100% + var(--space-xs));inset-inline-start:50%;translate:-50%}}.figure{width:100%;margin:0;overflow:hidden;& img{object-fit:cover;width:100%;height:auto;display:block;&:not(:last-child){border-bottom:var(--border-width) solid var(--border-color)}}& figcaption{padding:var(--space-md);color:var(--color-text-muted)}}.media-card.card{align-items:stretch;gap:0;padding:0;overflow:hidden;& .media-card__header{aspect-ratio:16/9;object-fit:cover;border-bottom:var(--border-width) solid var(--border-color);width:100%;height:auto;display:block}& .media-card__body{gap:var(--space-sm);padding:var(--space-md-lg);flex-direction:column;display:flex;& h3,& p{margin:0}& p{font:var(--type-body);line-height:var(--leading-normal);color:var(--color-text-muted)}}& .media-card__links{gap:var(--space-xs);padding:var(--space-sm) var(--space-md-lg);border-top:var(--border-width) solid var(--border-color);flex-wrap:wrap;margin:auto 0 0;list-style:none;display:flex;& li:first-child{margin-inline-start:calc(-1 * (var(--space-sm) + 1px))}& .button svg{margin-bottom:0}}}.audio-player{gap:var(--space-sm);flex-direction:column;width:100%;display:flex;&.panel{padding:var(--space-md)}& audio{width:100%}& figcaption{color:var(--color-text-muted)}& .audio-player__controls{align-items:center;gap:var(--space-md);display:flex}& .audio-player__seek{flex:1}& .audio-player__time{color:var(--color-text-muted);font:var(--type-meta);font-variant-numeric:tabular-nums;white-space:nowrap}}.media-player{gap:var(--space-md);width:100%;padding-bottom:var(--space-md);flex-direction:column;display:flex;overflow:hidden;container-type:inline-size;&>:not(video){padding-inline:var(--space-md)}& video{width:100%;aspect-ratio:var(--ratio);background:#000;display:block}&:fullscreen video{aspect-ratio:auto;flex:1;min-height:0}& figcaption{color:var(--color-text-muted)}& .media-player__controls{align-items:center;gap:var(--space-xs);display:flex}& .media-player__seek{margin-inline:var(--space-sm);flex:1}& .media-player__time{color:var(--color-text-muted);font:var(--type-meta);font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-end:var(--space-sm)}& .media-player__volume{width:4rem;margin-inline-end:var(--space-sm)}@media (pointer:coarse){& .media-player__volume{display:none}}@container (width<28rem){& .media-player__volume{display:none}}& video::cue{font-family:var(--font-base)}}.heatmap{--heatmap-empty:color-mix(in oklab, var(--color-text-muted) 15%, transparent);--heatmap-gap:clamp(1px, .25cqi, 3px);--heatmap-cell:1.25rem;--heatmap-cell-min:.625rem;--heatmap-columns:repeat(var(--columns), minmax(var(--heatmap-cell-min), var(--heatmap-cell)));gap:var(--space-sm);flex-direction:column;width:fit-content;max-width:100%;margin:0;display:flex;& .heatmap__scroll{scrollbar-width:thin;direction:rtl;overflow-x:auto}& .heatmap__body{justify-content:start;gap:var(--space-xs) var(--space-sm);direction:ltr;min-width:min-content;display:grid}& .heatmap__body--calendar{grid-template-columns:auto auto;grid-template-areas:".months""days grid"}& .heatmap__grid{grid-area:grid;grid-template-columns:var(--heatmap-columns);gap:var(--heatmap-gap);display:grid}& .heatmap__months{grid-area:months;grid-template-columns:var(--heatmap-columns);column-gap:var(--heatmap-gap);white-space:nowrap;display:grid}& .heatmap__days{grid-area:days;grid-template-rows:repeat(var(--rows), minmax(0, 1fr));row-gap:var(--heatmap-gap);align-items:center;line-height:1;display:grid}& .heatmap__cell{aspect-ratio:1;background-color:var(--heatmap-empty);border-radius:min(var(--radius), 2px);outline:1px solid color-mix(in oklab, var(--color-text) 6%, transparent);outline-offset:-1px;&[data-level="1"]{background-color:color-mix(in oklab, var(--tone) 30%, var(--heatmap-empty))}&[data-level="2"]{background-color:color-mix(in oklab, var(--tone) 55%, var(--heatmap-empty))}&[data-level="3"]{background-color:color-mix(in oklab, var(--tone) 80%, var(--heatmap-empty))}&[data-level="4"]{background-color:var(--tone)}}@media (forced-colors:active){& .heatmap__cell{forced-color-adjust:none}}& .heatmap__footer{align-items:center;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;display:flex}& .heatmap__key{align-items:center;gap:3px;margin-inline-start:auto;display:flex;& .heatmap__cell{inline-size:.75rem}&>:first-child{margin-inline-start:var(--space-xs)}&>:last-child{margin-inline-end:var(--space-xs)}}}.blueprint-frame{width:100%;min-width:0;& .blueprint-frame__label{justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:var(--border-width) dashed var(--color-border-strong);display:flex}& .blueprint-frame__drawing{--mark:var(--color-primary);--mark-size:.75rem;--mark-gap:calc(var(--space-sm) * -1);--sheet-offset:var(--space-md);isolation:isolate;position:relative;&:before,&:after{content:"";pointer-events:none;position:absolute}&:before{inset:var(--mark-gap);border:2px solid var(--mark);mask:conic-gradient(at var(--mark-size) var(--mark-size), transparent 75%, #000 0) 0 0 / calc(100% - var(--mark-size)) calc(100% - var(--mark-size))}&:after{z-index:-1;translate:var(--sheet-offset) var(--sheet-offset);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius);inset:0}@container (width<=40rem){--mark-size:.5rem;--sheet-offset:var(--space-sm)}}}.terminal{gap:var(--space-sm);width:100%;max-height:24rem;padding:var(--space-md);font:var(--type-code);font-variant-ligatures:none;transition:border-color var(--transition);flex-direction:column;display:flex;overflow:auto;&:focus-within{border-color:var(--color-primary)}& .terminal__pair{flex-direction:column;display:flex;& .terminal__command{color:var(--color-text);white-space:pre;&:before{content:var(--prompt);color:var(--color-primary)}}& .terminal__output{color:var(--color-text-muted);white-space:pre;&.terminal__screen{line-height:0;& .terminal__pixel{vertical-align:top;color:#0000;background:linear-gradient(to bottom, var(--top,#000) 50%, var(--bottom,#000) 50%);width:1ch;height:2ch;display:inline-block}}}}& .terminal__input{align-items:baseline;gap:1ch;display:flex;& .terminal__prompt{color:var(--color-primary);flex:none}& .terminal__input-field{min-width:0;font:inherit;color:var(--color-text);caret-color:var(--color-primary);background:0 0;border:none;flex:1;padding:0;&:focus-visible{outline:none}@media (pointer:coarse){min-height:var(--control-height-md)}}}}.page-section{width:100%}.page-section--center .page-section__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.sidebar-group{--sidebar-icon:.875rem;& .sidebar-group__title{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm);color:var(--color-text);display:flex}& .sidebar-group__icon{width:var(--sidebar-icon);height:var(--sidebar-icon);color:var(--color-text-muted);flex-shrink:0}& .sidebar-group__list{margin:0 0 0 calc(var(--sidebar-icon) / 2);border-left:var(--border-width) solid var(--border-color);padding:0;list-style:none}}.sidebar-layout{--sidebar-width:15rem;container:sidebar-layout/inline-size;& .sidebar-layout__grid{gap:var(--space-lg);display:grid}& .sidebar-layout__main{min-width:0}@container sidebar-layout (width>=56rem){& .sidebar-layout__grid{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);align-items:start}& .sidebar-layout__aside{align-self:stretch}}}.sidebar-link{& .sidebar-link__anchor{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-left:calc(var(--border-width) * -1);padding:var(--space-xs) var(--space-md);min-height:1.5rem;color:var(--color-text-muted);transition:color var(--transition), border-color var(--transition);border-left:2px solid #0000;text-decoration:none;display:flex;&:hover{color:var(--color-text);border-left-color:var(--color-border-strong);background-color:#0000}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}&[aria-current]{color:var(--color-text);border-left-color:var(--color-primary);font-weight:500}@media (pointer:coarse){min-height:var(--control-height-sm)}@media (forced-colors:active){forced-color-adjust:none;color:linktext;border-left-color:#0000;&:hover{border-left-color:canvastext}&[aria-current]{color:highlight;border-left-color:highlight}}}& .sidebar-link__meta{flex-shrink:0}}@property --sidebar-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --sidebar-fade-end{syntax:"<length>";inherits:false;initial-value:0}.sidebar-nav{--sidebar-fade:2rem;gap:var(--space-lg);overscroll-behavior:contain;scroll-padding-block:var(--sidebar-fade);scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;display:flex;overflow-y:auto;&:hover,&:focus-within{scrollbar-color:var(--color-border-strong) transparent}@supports (animation-timeline:scroll()){mask-image:linear-gradient(to bottom, transparent, #000 var(--sidebar-fade-start), #000 calc(100% - var(--sidebar-fade-end)), transparent);animation:linear both sidebar-nav-fade scroll(self)}}@keyframes sidebar-nav-fade{0%{--sidebar-fade-start:0px;--sidebar-fade-end:var(--sidebar-fade)}8%{--sidebar-fade-start:var(--sidebar-fade)}92%{--sidebar-fade-end:var(--sidebar-fade)}to{--sidebar-fade-start:var(--sidebar-fade);--sidebar-fade-end:0px}}.sidebar{background-color:var(--color-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);& .sidebar__toggle{align-items:center;gap:var(--space-sm);min-height:var(--control-height-lg);padding:var(--space-sm) var(--space-md);cursor:pointer;list-style:none;display:flex;&::-webkit-details-marker{display:none}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}}& .sidebar__label{flex:1}& .sidebar__chevron{color:var(--color-text-muted);transition:rotate var(--transition)}&[open] .sidebar__chevron{rotate:180deg}& .sidebar__nav{padding:var(--space-md);border-top:var(--border-width) solid var(--border-color)}@supports selector(::details-content){@container sidebar-layout (width>=56rem){.sidebar-layout__aside>&{top:var(--sidebar-top,0px);position:sticky;&::details-content{content-visibility:visible}& .sidebar__toggle{display:none}& .sidebar__nav{max-height:calc(100dvh - var(--sidebar-top,0px) - var(--space-md) - 2 * var(--border-width));border-top:0}}}}}html:has(.navbar--sticky){scroll-padding-top:var(--header-height)}.navbar{--navbar-transition:.24s ease-out;background-color:var(--color-surface);border-bottom:var(--border-width) solid var(--border-color);width:100%;&.navbar--sticky{z-index:var(--z-sticky);position:sticky;top:0}& .container{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:var(--header-height);flex-wrap:wrap;display:flex}& .navbar__brand{color:var(--color-text);transition:color var(--transition);text-decoration:none;&:hover,&:focus-visible{color:var(--color-primary);background-color:#0000}}& .navbar__menu,& .navbar__menu-inner{display:contents}& .navbar__toggle{display:none}& .navbar__actions{align-items:center;gap:var(--space-sm);display:flex}@container not (width<=48rem){&:has(.navbar__actions){& .navbar__nav{margin-inline:auto}& .navbar__actions{margin-inline-start:calc(var(--space-sm) - var(--space-lg))}}}& .navbar__nav{align-items:center;gap:var(--space-xs);display:flex;& .navbar__link--active{text-underline-offset:.35em;text-decoration:underline}}@container (width<=48rem){& .container{gap:0}& .navbar__brand{padding-block:var(--space-sm)}&:has(.navbar__actions){& .navbar__toggle{margin-inline-start:auto}& .navbar__menu{order:1}}& .navbar__actions{margin-inline-start:var(--space-sm);& .dropdown__trigger{height:var(--control-height-md)}}& .navbar__toggle{width:var(--control-height-md);height:var(--control-height-md);color:var(--color-text);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition), color var(--transition);justify-content:center;align-items:center;display:inline-flex;position:relative;&:hover{color:var(--color-primary);border-color:var(--color-primary)}&:has(.navbar__toggle-input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}& .navbar__toggle-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}& .navbar__toggle-icon{width:1.25rem;height:1.25rem;transition:opacity var(--navbar-transition), rotate var(--navbar-transition);position:absolute}& .navbar__toggle-icon--close{opacity:0;rotate:-90deg}}& .navbar__menu{visibility:hidden;transition:grid-template-rows var(--navbar-transition), visibility var(--navbar-transition);flex-basis:100%;grid-template-rows:0fr;display:grid;& .navbar__menu-inner{align-items:stretch;gap:var(--space-sm);flex-direction:column;min-height:0;display:flex;overflow:hidden}& .navbar__nav{flex-direction:column;align-items:stretch;gap:0;& .navbar__link{height:var(--control-height-lg);padding-inline:var(--space-md);justify-content:flex-start}}& .navbar__final-link{height:var(--control-height-lg);align-self:stretch}& .navbar__menu-inner>:last-child{margin-bottom:var(--space-md)}}&.navbar--sticky .navbar__menu-inner{max-height:calc(100dvh - var(--header-height));overflow-y:auto}&:has(.navbar__toggle-input:checked){& .navbar__menu{visibility:visible;grid-template-rows:1fr}& .navbar__toggle-icon--open{opacity:0;rotate:90deg}& .navbar__toggle-icon--close{opacity:1;rotate:0deg}}}@media (prefers-reduced-motion:reduce){--navbar-transition:0s}}.footer{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-lg) var(--space-md);background-color:var(--color-surface);border-top:var(--border-width) solid var(--border-color);flex-direction:column;display:flex;&>*{width:min(100%, var(--container-width))}& .footer__content{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-md);flex-flow:wrap;display:flex;& .footer__tagline{color:var(--color-text-muted);white-space:pre}& .footer__branding{align-items:center;gap:var(--space-sm);flex-direction:row;display:flex;& .footer__badge{width:88px;height:31px}}& .footer__socials{gap:var(--space-sm);padding:0;list-style:none;display:flex;& li{filter:grayscale();transition:filter .3s;&:hover,&:focus-within{filter:grayscale(0%)}& a{color:var(--color-text);font-size:var(--font-size-2xl);&:hover,&:focus-visible{color:var(--color-primary);background-color:#0000}}}}}& .footer__copyright{color:var(--color-text-muted)}& .footer__friends{& .footer__friends-list{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(88px,1fr));width:100%;display:grid}}}.side-hero{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(24rem,100%),1fr));align-items:center;width:100%;display:grid;& .side-hero__content{padding:var(--space-lg);justify-self:center;max-width:30rem;& p{color:var(--color-text);font:var(--type-lead)}}& .side-hero__media{justify-content:center;align-items:center;height:100%;display:flex}&.side-hero--left .side-hero__media{order:-1}}.display-menu{& .display-menu__group{gap:var(--space-sm);border:0;min-width:0;margin:0;padding:0;display:grid}& .display-menu__effects{padding-top:var(--space-md);border-top:var(--border-width) solid var(--border-color)}& .display-menu__heading{float:left;justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;color:var(--color-text-muted);padding:0;display:flex}& .display-menu__hint{justify-content:space-between;gap:var(--space-sm);color:var(--color-text-muted);margin:0;display:none}& .display-key{display:none}&[data-shortcuts]{@media (hover:hover) and (pointer:fine){& .display-menu__hint{display:flex}& .display-key{display:inline-block}}}}.display-row{align-items:center;gap:var(--space-sm);display:flex;&>:first-child{margin-inline-end:auto}& .display-row__label{color:var(--color-text-muted)}&[hidden]{display:none}&[data-fine]{@media not ((hover:hover) and (pointer:fine)){display:none}}}.theme-picker{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;& .theme-picker__swatch{align-items:center;gap:var(--space-sm);min-width:0;padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-xs);color:var(--color-text-muted);white-space:nowrap;border:var(--border-width) solid transparent;border-radius:var(--radius);cursor:pointer;transition:color var(--transition), background-color var(--transition), border-color var(--transition);display:flex;&:hover{color:var(--color-text);background-color:var(--color-bg-alt)}&:has(:checked){color:var(--color-text);border-color:var(--color-border-strong)}&:has(:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}}& .theme-picker__preview{background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);flex-shrink:0;gap:2px;padding:4px;display:inline-flex;& span{border-radius:50%;width:.5rem;height:.5rem}& span:first-child{background-color:var(--color-primary)}& span:nth-child(2){background-color:var(--color-secondary)}& span:nth-child(3){background-color:var(--color-text)}}@media (forced-colors:active){& .theme-picker__preview{forced-color-adjust:none}& .theme-picker__swatch:has(:checked){border-color:highlight}}}}@layer ui.utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}.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}}}