@layer tokens,reset,native-elements,custom-elements,web-components,charts,utils;@import"https://fonts.googleapis.com/css2?family=Flow+Block&family=Flow+Circular&family=Flow+Rounded&family=Redacted+Script:wght@300;400;700&display=swap"layer(utils);@layer tokens{:root{--size-unit: .25rem;--size-3xs: calc(var(--size-unit) * .5);--size-2xs: calc(var(--size-unit) * 1);--size-xs: calc(var(--size-unit) * 2);--size-s: calc(var(--size-unit) * 3);--size-m: calc(var(--size-unit) * 4);--size-l: calc(var(--size-unit) * 6);--size-xl: calc(var(--size-unit) * 8);--size-2xl: calc(var(--size-unit) * 12);--size-3xl: calc(var(--size-unit) * 16);--size-1: var(--size-2xs);--size-2: var(--size-xs);--size-3: var(--size-m);--size-4: 1.25rem;--size-5: var(--size-l);--size-6: 1.75rem;--size-7: var(--size-xl);--size-8: var(--size-2xl);--size-9: var(--size-3xl);--size-10: 5rem;--space-unit: var(--size-unit);--space-3xs: var(--size-3xs);--space-2xs: var(--size-2xs);--space-xs: var(--size-xs);--space-s: var(--size-s);--space-m: var(--size-m);--space-l: var(--size-l);--space-xl: var(--size-xl);--space-2xl: var(--size-2xl);--space-3xl: var(--size-3xl)}}@layer tokens{:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--font-cjk: "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-arabic: "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-hebrew: "Noto Sans Hebrew", "Segoe UI", system-ui, sans-serif;--font-thai: "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;--font-devanagari: "Noto Sans Devanagari", "Devanagari Sangam MN", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-00: .5rem;--font-size-0: var(--font-size-xs);--font-size-1: var(--font-size-sm);--font-size-2: var(--font-size-md);--font-size-3: var(--font-size-xl);--font-size-4: var(--font-size-2xl);--font-size-5: 2rem;--font-size-6: 2.5rem;--font-size-7: var(--font-size-5xl);--font-size-8: 3.5rem;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.75;--measure-narrow: 45ch;--measure-normal: 65ch;--measure-wide: 80ch;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--text-xs: var(--font-size-xs);--text-s: var(--font-size-sm);--text-m: var(--font-size-md);--text-l: var(--font-size-lg);--text-xl: var(--font-size-xl);--text-2xl: var(--font-size-2xl);--text-3xl: var(--font-size-3xl);--text-4xl: var(--font-size-4xl);--text-5xl: var(--font-size-5xl);--leading-tight: var(--line-height-tight);--leading-snug: var(--line-height-snug);--leading-normal: var(--line-height-normal);--leading-relaxed: var(--line-height-relaxed);--leading-loose: var(--line-height-loose)}}@layer tokens{@property --hue-primary{syntax: "<number>"; inherits: true; initial-value: 260;}@property --hue-secondary{syntax: "<number>"; inherits: true; initial-value: 200;}@property --hue-accent{syntax: "<number>"; inherits: true; initial-value: 30;}:root{color-scheme:light dark;--color-gray-50: oklch(98% 0 0);--color-gray-100: oklch(96% 0 0);--color-gray-200: oklch(90% 0 0);--color-gray-300: oklch(80% 0 0);--color-gray-400: oklch(70% 0 0);--color-gray-500: oklch(55% 0 0);--color-gray-600: oklch(45% 0 0);--color-gray-700: oklch(35% 0 0);--color-gray-800: oklch(25% 0 0);--color-gray-900: oklch(15% 0 0);--color-gray-950: oklch(10% 0 0);--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--gray-0: var(--color-gray-50);--gray-1: var(--color-gray-100);--gray-2: var(--color-gray-200);--gray-3: var(--color-gray-300);--gray-4: var(--color-gray-400);--gray-5: var(--color-gray-500);--gray-6: var(--color-gray-600);--gray-7: var(--color-gray-700);--gray-8: var(--color-gray-800);--gray-9: var(--color-gray-900);--hue-primary: 260;--hue-secondary: 200;--hue-accent: 30;--color-primary: oklch(50% .2 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .03 h);--color-secondary: oklch(50% .08 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(65% .18 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-success: oklch(55% .2 145);--color-success-subtle: light-dark( oklch(95% .05 145), oklch(25% .08 145) );--color-success-text: light-dark( oklch(35% .12 145), oklch(75% .15 145) );--color-warning: oklch(70% .18 70);--color-warning-subtle: light-dark( oklch(95% .08 70), oklch(25% .1 70) );--color-warning-text: light-dark( oklch(40% .12 70), oklch(80% .12 70) );--color-error: oklch(55% .22 25);--color-error-subtle: light-dark( oklch(95% .05 25), oklch(25% .08 25) );--color-error-text: light-dark( oklch(40% .15 25), oklch(75% .18 25) );--color-info: oklch(55% .15 240);--color-info-subtle: light-dark( oklch(95% .05 240), oklch(25% .08 240) );--color-info-text: light-dark( oklch(35% .12 240), oklch(75% .12 240) );--color-background: light-dark(var(--color-white), var(--color-gray-950));--color-surface: light-dark(var(--color-white), var(--color-gray-900));--color-surface-raised: light-dark(var(--color-gray-50), var(--color-gray-800));--color-surface-sunken: light-dark(var(--color-gray-100), var(--color-gray-950));--color-text: light-dark(var(--color-gray-900), var(--color-gray-100));--color-text-muted: light-dark(var(--color-gray-600), var(--color-gray-400));--color-text-subtle: light-dark(var(--color-gray-500), var(--color-gray-500));--color-text-inverted: light-dark(var(--color-white), var(--color-gray-900));--color-text-on-primary: var(--color-white);--color-border: light-dark(var(--color-gray-200), var(--color-gray-700));--color-border-strong: light-dark(var(--color-gray-300), var(--color-gray-600));--color-border-subtle: light-dark(var(--color-gray-100), var(--color-gray-800));--color-border-focus: var(--color-primary);--scrollbar-thumb: light-dark(var(--color-gray-400), var(--color-gray-600));--scrollbar-track: transparent;--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-overlay-subtle: light-dark( oklch(0% 0 0 / .05), oklch(100% 0 0 / .05) );--color-overlay-medium: light-dark( oklch(0% 0 0 / .15), oklch(100% 0 0 / .1) );--color-overlay-strong: light-dark( oklch(0% 0 0 / .5), oklch(0% 0 0 / .7) );--color-focus-ring: var(--color-primary);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-focus-ring)}:root[data-mode=light],[data-mode=light]{color-scheme:light}:root[data-mode=dark],[data-mode=dark]{color-scheme:dark;--color-primary: oklch(65% .18 var(--hue-primary));--shadow-xs: 0 1px 2px oklch(0% 0 0 / .3);--shadow-sm: 0 1px 3px oklch(0% 0 0 / .4), 0 1px 2px oklch(0% 0 0 / .3);--shadow-md: 0 4px 6px oklch(0% 0 0 / .4), 0 2px 4px oklch(0% 0 0 / .3);--shadow-lg: 0 10px 15px oklch(0% 0 0 / .4), 0 4px 6px oklch(0% 0 0 / .3);--shadow-xl: 0 20px 25px oklch(0% 0 0 / .4), 0 10px 10px oklch(0% 0 0 / .3)}:root{transition:--hue-primary var(--duration-slow) var(--ease-default),--hue-secondary var(--duration-slow) var(--ease-default),--hue-accent var(--duration-slow) var(--ease-default)}@media(prefers-reduced-motion:reduce){:root{transition:none}}}@layer tokens{:root{--tint-primary-5: color-mix(in oklab, var(--color-primary) 5%, transparent);--tint-primary-10: color-mix(in oklab, var(--color-primary) 10%, transparent);--tint-primary-20: color-mix(in oklab, var(--color-primary) 20%, transparent);--tint-primary-30: color-mix(in oklab, var(--color-primary) 30%, transparent);--surface-hover: color-mix(in oklab, var(--color-interactive) 8%, var(--color-surface));--surface-focus: color-mix(in oklab, var(--color-interactive) 12%, var(--color-surface));--surface-active: color-mix(in oklab, var(--color-interactive) 16%, var(--color-surface));--surface-selected: color-mix(in oklab, var(--color-primary) 10%, var(--color-surface));--status-success-bg: color-mix(in oklab, var(--color-success) 10%, var(--color-surface));--status-warning-bg: color-mix(in oklab, var(--color-warning) 10%, var(--color-surface));--status-error-bg: color-mix(in oklab, var(--color-error) 10%, var(--color-surface));--status-info-bg: color-mix(in oklab, var(--color-info) 10%, var(--color-surface));--border-tint: color-mix(in oklab, var(--color-border) 50%, transparent);--text-on-tint: color-mix(in oklab, var(--color-text) 90%, var(--color-primary))}}@layer tokens{:root{--content-narrow: 40rem;--content-normal: 60rem;--content-wide: 80rem;--size-touch-min: 2.75rem}}@layer tokens{@property --radius-s{syntax: "<length>"; inherits: true; initial-value: .25rem;}@property --radius-m{syntax: "<length>"; inherits: true; initial-value: .5rem;}@property --radius-l{syntax: "<length>"; inherits: true; initial-value: .75rem;}:root{--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--radius-xs: .125rem;--radius-s: .25rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--radius-1: var(--radius-xs);--radius-2: var(--radius-s);--radius-3: var(--radius-m);--radius-4: var(--radius-l);--radius-5: var(--radius-xl);--radius-6: var(--radius-2xl);--radius-round: var(--radius-full);--border-thin: var(--border-width-thin);--border-medium: var(--border-width-medium);--border-thick: var(--border-width-thick)}}@layer tokens{:root{--shadow-xs: 0 1px 2px 0 hsl(0 0% 0% / .05);--shadow-sm: 0 1px 3px 0 hsl(0 0% 0% / .1), 0 1px 2px -1px hsl(0 0% 0% / .1);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .1), 0 2px 4px -2px hsl(0 0% 0% / .1);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .1), 0 4px 6px -4px hsl(0 0% 0% / .1);--shadow-xl: 0 20px 25px -5px hsl(0 0% 0% / .1), 0 8px 10px -6px hsl(0 0% 0% / .1);--shadow-2xl: 0 25px 50px -12px hsl(0 0% 0% / .25);--shadow-1: var(--shadow-xs);--shadow-2: var(--shadow-sm);--shadow-3: var(--shadow-md);--shadow-4: var(--shadow-lg);--shadow-5: var(--shadow-xl);--shadow-6: var(--shadow-2xl);--shadow-inner: inset 0 2px 4px 0 hsl(0 0% 0% / .05);--shadow-none: 0 0 #0000}}@layer tokens{:root{interpolate-size:allow-keywords;--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.4, 0, .2, 1);--ease-4: cubic-bezier(.5, 0, .1, 1);--ease-5: cubic-bezier(.7, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.4, 0, 1, 1);--ease-in-3: cubic-bezier(.5, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .2, 1);--ease-out-5: cubic-bezier(0, 0, .1, 1);--ease-default: var(--ease-3);--ease-in: var(--ease-in-2);--ease-out: var(--ease-out-3);--ease-elastic-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-2: cubic-bezier(.5, 1, .75, 1.25);--ease-squish-1: cubic-bezier(.5, -.1, .1, 1.3);--ease-squish-2: cubic-bezier(.5, -.3, .1, 1.5)}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}}}@layer tokens{[data-fluid],[data-fluid=default]{--size-unit: clamp(.225rem, .0714vi + .2107rem, .275rem);--font-size-xs: clamp(.68rem, -.1573vi + .8216rem, .7901rem);--font-size-sm: clamp(.85rem, -.0556vi + .9rem, .8889rem);--font-size-md: clamp(1rem, .0893vi + .9821rem, 1.0625rem);--font-size-lg: clamp(1.125rem, .2902vi + 1.067rem, 1.3281rem);--font-size-xl: clamp(1.2656rem, .5636vi + 1.1529rem, 1.6602rem);--font-size-2xl: clamp(1.4238rem, .9305vi + 1.2377rem, 2.0752rem);--font-size-3xl: clamp(1.6018rem, 1.4174vi + 1.3183rem, 2.594rem);--font-size-4xl: clamp(1.802rem, 2.0578vi + 1.3905rem, 3.2425rem);--font-size-5xl: clamp(2.0273rem, 2.894vi + 1.4485rem, 4.0531rem);--content-normal: clamp(40rem, 30rem + 20vi, 65rem);--measure-normal: clamp(55ch, 45ch + 10vi, 70ch)}[data-fluid=compact]{--size-unit: clamp(.2rem, .0714vi + .1857rem, .25rem);--font-size-xs: clamp(.6944rem, -.2627vi + .9309rem, .8784rem);--font-size-sm: clamp(.8333rem, -.1484vi + .9669rem, .9372rem);--font-size-md: 1rem;--font-size-lg: clamp(1.067rem, .19vi + 1.029rem, 1.2rem);--font-size-xl: clamp(1.1385rem, .4307vi + 1.0523rem, 1.44rem);--font-size-2xl: clamp(1.2148rem, .7332vi + 1.0681rem, 1.728rem);--font-size-3xl: clamp(1.2962rem, 1.1106vi + 1.074rem, 2.0736rem);--font-size-4xl: clamp(1.383rem, 1.579vi + 1.0672rem, 2.4883rem);--font-size-5xl: clamp(1.4757rem, 2.1576vi + 1.0441rem, 2.986rem);--content-normal: clamp(40rem, 25rem + 18vi, 60rem);--measure-normal: clamp(55ch, 48ch + 8vi, 65ch)}[data-fluid=spacious]{--size-unit: clamp(.25rem, .0893vi + .2321rem, .3125rem);--font-size-xs: clamp(.6331rem, -.0876vi + .712rem, .6944rem);--font-size-sm: clamp(.8333rem, .0152vi + .8303rem, .844rem);--font-size-md: clamp(1rem, .1786vi + .9643rem, 1.125rem);--font-size-lg: clamp(1.2rem, .428vi + 1.1144rem, 1.4996rem);--font-size-xl: clamp(1.44rem, .7986vi + 1.2803rem, 1.999rem);--font-size-2xl: clamp(1.728rem, 1.3381vi + 1.4604rem, 2.6647rem);--font-size-3xl: clamp(2.0736rem, 2.112vi + 1.6512rem, 3.552rem);--font-size-4xl: clamp(2.4883rem, 3.2093vi + 1.8465rem, 4.7348rem);--font-size-5xl: clamp(2.986rem, 4.7508vi + 2.0358rem, 6.3115rem);--content-normal: clamp(42rem, 32rem + 22vi, 70rem);--measure-normal: clamp(55ch, 42ch + 12vi, 75ch)}}@layer tokens{@media(pointer:coarse){:root{--size-touch-min: 2.75rem}}@media(hover:none){:root{--motion-hover-lift: none;--motion-hover-scale: none}}}@layer tokens{:root{--motion-hover-lift: translateY(-2px);--motion-hover-scale: scale(1.02);--motion-hover-glow: 0 0 0 4px var(--color-primary-subtle, oklch(90% .05 var(--hue-primary, 220)));--motion-stagger-delay: 50ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-snappy: cubic-bezier(.4, 0, .2, 1);--motion-smooth: cubic-bezier(.25, .1, .25, 1);--motion-elastic: cubic-bezier(.68, -.55, .265, 1.55);--motion-enter-duration: .3s;--motion-exit-duration: .2s}@keyframes vb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vb-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vb-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes vb-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes vb-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes vb-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes vb-pop{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){:root{--motion-hover-lift: none;--motion-hover-scale: none;--motion-stagger-delay: 0ms;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms}}:root[data-motion-reduced]{--motion-hover-lift: none;--motion-hover-scale: none;--motion-stagger-delay: 0ms;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms}}@layer tokens{:root{--surface-texture-opacity: .05;--texture-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--texture-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--texture-dots: radial-gradient(circle, currentColor 1px, transparent 1px);--texture-dots-size: 8px 8px;--texture-grid: linear-gradient(to right, currentColor 1px, transparent 1px), linear-gradient(to bottom, currentColor 1px, transparent 1px);--texture-grid-size: 20px 20px;--texture-lines: repeating-linear-gradient( 45deg, transparent, transparent 4px, currentColor 4px, currentColor 5px );--glass-blur: 0px;--glass-opacity: .15;--glass-bg: oklch(100% 0 0 / var(--glass-opacity));--glass-border: oklch(100% 0 0 / .2);--gradient-subtle: linear-gradient(180deg, oklch(98% .01 var(--hue-primary, 220)) 0%, oklch(96% .02 var(--hue-secondary, 280)) 100% );--gradient-radial: radial-gradient( ellipse at 50% 0%, oklch(90% .05 var(--hue-primary, 220)) 0%, oklch(98% .01 var(--hue-primary, 220)) 70% );--gradient-mesh: radial-gradient(at 40% 20%, oklch(85% .15 var(--hue-primary, 220)) 0px, transparent 50%), radial-gradient(at 80% 0%, oklch(80% .12 var(--hue-secondary, 280)) 0px, transparent 50%), radial-gradient(at 0% 50%, oklch(90% .08 var(--hue-accent, 25)) 0px, transparent 50%)}[data-mode=dark]{--glass-bg: oklch(20% 0 0 / var(--glass-opacity));--glass-border: oklch(40% 0 0 / .3)}@media(prefers-color-scheme:dark){:root:not([data-mode=light]){--glass-bg: oklch(20% 0 0 / var(--glass-opacity));--glass-border: oklch(40% 0 0 / .3)}}}@layer tokens{:root{--font-display: var(--font-serif);--font-heading: var(--font-sans);--font-body: var(--font-sans);--font-code: var(--font-mono);--font-weight-range: 100 900}}@layer tokens{:root{--border-roughness: 0;--filter-rough-none: none;--filter-rough-light: url(#vb-rough-light);--filter-rough-medium: url(#vb-rough-medium);--filter-rough-heavy: url(#vb-rough-heavy);--filter-rough: var(--filter-rough-none);--shadow-sketch-offset: 4px;--shadow-sketch: var(--shadow-sketch-offset) var(--shadow-sketch-offset) 0 var(--color-text, oklch(20% 0 0));--border-image-sketch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='%23333' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;--border-image-rough: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect x='2' y='2' width='44' height='44' fill='none' stroke='%23333' stroke-width='3' stroke-dasharray='8,4,2,4' stroke-linecap='round'/%3E%3C/svg%3E") 12 round;--border-image-marker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M2,5 C10,2 30,8 38,3 M2,35 C8,38 32,32 38,37 M5,2 C3,12 7,28 3,38 M35,2 C38,10 33,30 37,38' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 10 stretch}[data-mode=dark]{--border-image-sketch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='%23ccc' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;--border-image-rough: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect x='2' y='2' width='44' height='44' fill='none' stroke='%23ccc' stroke-width='3' stroke-dasharray='8,4,2,4' stroke-linecap='round'/%3E%3C/svg%3E") 12 round;--border-image-marker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M2,5 C10,2 30,8 38,3 M2,35 C8,38 32,32 38,37 M5,2 C3,12 7,28 3,38 M35,2 C38,10 33,30 37,38' fill='none' stroke='%23ccc' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 10 stretch}@media(prefers-color-scheme:dark){:root:not([data-mode=light]){--border-image-sketch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='%23ccc' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;--border-image-rough: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect x='2' y='2' width='44' height='44' fill='none' stroke='%23ccc' stroke-width='3' stroke-dasharray='8,4,2,4' stroke-linecap='round'/%3E%3C/svg%3E") 12 round;--border-image-marker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M2,5 C10,2 30,8 38,3 M2,35 C8,38 32,32 38,37 M5,2 C3,12 7,28 3,38 M35,2 C38,10 33,30 37,38' fill='none' stroke='%23ccc' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 10 stretch}}}@layer tokens{:root{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: var(--border-width-thin, 1px);--vb-border-style: solid;--vb-border-radius-override: initial;--vb-border-glow: none}[data-border-style=clean]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: var(--border-width-thin, 1px);--vb-border-style: solid;--vb-border-radius-override: initial;--vb-border-glow: none}[data-border-style=sharp]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 2px;--vb-border-style: solid;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=soft]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 1px;--vb-border-style: solid;--vb-border-radius-override: var(--radius-xl, 1.5rem);--vb-border-glow: none}[data-border-style=sketch]{--vb-border-image: var(--border-image-sketch);--vb-border-filter: var(--filter-rough-light);--vb-border-width: 2px;--vb-border-style: solid;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=rough]{--vb-border-image: var(--border-image-rough);--vb-border-filter: var(--filter-rough-medium);--vb-border-width: 3px;--vb-border-style: solid;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=marker]{--vb-border-image: var(--border-image-marker);--vb-border-filter: none;--vb-border-width: 3px;--vb-border-style: solid;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=kawaii]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M4,8 Q10,-2 18,8 Q26,18 30,8 Q34,-2 42,8 Q50,18 56,8 L56,52 Q50,62 42,52 Q34,42 30,52 Q26,62 18,52 Q10,42 4,52 Z' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 14 round;--vb-border-filter: none;--vb-border-width: 3px;--vb-border-style: solid;--vb-border-radius-override: var(--radius-xl, 1.5rem);--vb-border-glow: 0 0 8px oklch(80% .15 350 / .3), 0 0 16px oklch(80% .15 350 / .15)}[data-border-style=pixel]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0,0 h4 v1 h4 v1 h4 v4 h-1 v4 h-1 v4 h-4 v-1 h-4 v-1 h-4 v-4 h1 v-4 h1 z' fill='none' stroke='%23333' stroke-width='1'/%3E%3C/svg%3E") 4 stretch;--vb-border-filter: none;--vb-border-width: 4px;--vb-border-style: solid;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=neon]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 2px;--vb-border-style: solid;--vb-border-radius-override: var(--radius-s, .375rem);--vb-border-glow: 0 0 6px oklch(85% .25 145), 0 0 20px oklch(85% .25 145 / .4)}[data-border-style=double]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 4px;--vb-border-style: double;--vb-border-radius-override: 0;--vb-border-glow: none}[data-border-style=bubbly]{--vb-border-image: none;--vb-border-filter: none;--vb-border-width: 3px;--vb-border-style: dotted;--vb-border-radius-override: var(--radius-xl, 1.5rem);--vb-border-glow: 0 0 8px oklch(80% .15 350 / .4), 0 0 16px oklch(80% .15 350 / .2)}[data-border-style=organic]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M3,8 C12,3 22,6 30,3 C38,0 48,5 57,8 M3,52 C10,55 22,50 30,57 C38,54 48,58 57,52 M8,3 C5,12 6,22 3,30 C0,38 5,48 8,57 M52,3 C55,10 50,22 57,30 C54,38 58,48 52,57' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 14 stretch;--vb-border-filter: none;--vb-border-width: 2px;--vb-border-style: solid;--vb-border-radius-override: var(--radius-m, .5rem);--vb-border-glow: none}[data-mode=dark] [data-border-style=kawaii],[data-mode=dark][data-border-style=kawaii],[data-mode=dark] [data-border-style=bubbly],[data-mode=dark][data-border-style=bubbly]{--vb-border-glow: 0 0 10px oklch(80% .18 350 / .5), 0 0 20px oklch(80% .18 350 / .25)}[data-mode=dark] [data-border-style=pixel],[data-mode=dark][data-border-style=pixel]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0,0 h4 v1 h4 v1 h4 v4 h-1 v4 h-1 v4 h-4 v-1 h-4 v-1 h-4 v-4 h1 v-4 h1 z' fill='none' stroke='%23ccc' stroke-width='1'/%3E%3C/svg%3E") 4 stretch}[data-mode=dark] [data-border-style=neon],[data-mode=dark][data-border-style=neon]{--vb-border-glow: 0 0 8px oklch(90% .3 145), 0 0 24px oklch(90% .3 145 / .5)}[data-mode=dark] [data-border-style=organic],[data-mode=dark][data-border-style=organic]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M3,8 C12,3 22,6 30,3 C38,0 48,5 57,8 M3,52 C10,55 22,50 30,57 C38,54 48,58 57,52 M8,3 C5,12 6,22 3,30 C0,38 5,48 8,57 M52,3 C55,10 50,22 57,30 C54,38 58,48 52,57' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 14 stretch}[data-border-style]:not([data-border-style=clean]) :is(article,.card,blockquote,form,table,fieldset,.preview-card,.preview-form,.preview-table,.border-card,.vignette){border-width:var(--vb-border-width);border-style:var(--vb-border-style);border-image:var(--vb-border-image);filter:var(--vb-border-filter);box-shadow:var(--vb-border-glow)}[data-border-style]:not([data-border-style=clean]) :is(article,.card,blockquote,form,table,fieldset,.preview-card,.preview-form,.preview-table,.border-card,.vignette){border-radius:var(--vb-border-radius-override)}@media(prefers-color-scheme:dark){:root:not([data-mode=light]) [data-border-style=kawaii],:root:not([data-mode=light])[data-border-style=kawaii]{--vb-border-glow: 0 0 10px oklch(80% .18 350 / .5), 0 0 20px oklch(80% .18 350 / .25)}:root:not([data-mode=light]) [data-border-style=bubbly],:root:not([data-mode=light])[data-border-style=bubbly]{--vb-border-glow: 0 0 10px oklch(80% .18 350 / .5), 0 0 20px oklch(80% .18 350 / .25)}:root:not([data-mode=light]) [data-border-style=pixel],:root:not([data-mode=light])[data-border-style=pixel]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0,0 h4 v1 h4 v1 h4 v4 h-1 v4 h-1 v4 h-4 v-1 h-4 v-1 h-4 v-4 h1 v-4 h1 z' fill='none' stroke='%23ccc' stroke-width='1'/%3E%3C/svg%3E") 4 stretch}:root:not([data-mode=light]) [data-border-style=neon],:root:not([data-mode=light])[data-border-style=neon]{--vb-border-glow: 0 0 8px oklch(90% .3 145), 0 0 24px oklch(90% .3 145 / .5)}:root:not([data-mode=light]) [data-border-style=organic],:root:not([data-mode=light])[data-border-style=organic]{--vb-border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M3,8 C12,3 22,6 30,3 C38,0 48,5 57,8 M3,52 C10,55 22,50 30,57 C38,54 48,58 57,52 M8,3 C5,12 6,22 3,30 C0,38 5,48 8,57 M52,3 C55,10 50,22 57,30 C54,38 58,48 52,57' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 14 stretch}}}@layer tokens{:root[data-theme~=ocean],[data-theme~=ocean]{--hue-primary: 200;--hue-secondary: 180;--hue-accent: 45;--color-primary: oklch(50% .15 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .03 h);--color-secondary: oklch(45% .1 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(70% .15 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover)}:root[data-theme~=ocean][data-mode=dark],[data-theme~=ocean][data-mode=dark]{color-scheme:dark;--color-primary: oklch(60% .12 var(--hue-primary));--color-background: oklch(12% .02 var(--hue-primary));--color-surface: oklch(16% .02 var(--hue-primary));--color-surface-raised: oklch(20% .02 var(--hue-primary))}}@layer tokens{:root[data-theme~=forest],[data-theme~=forest]{--hue-primary: 145;--hue-secondary: 90;--hue-accent: 30;--color-primary: oklch(45% .15 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .04 h);--color-secondary: oklch(55% .12 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(65% .16 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover)}:root[data-theme~=forest][data-mode=dark],[data-theme~=forest][data-mode=dark]{color-scheme:dark;--color-primary: oklch(55% .12 var(--hue-primary));--color-background: oklch(12% .02 var(--hue-primary));--color-surface: oklch(16% .02 var(--hue-primary));--color-surface-raised: oklch(20% .02 var(--hue-primary))}}@layer tokens{:root[data-theme~=sunset],[data-theme~=sunset]{--hue-primary: 25;--hue-secondary: 0;--hue-accent: 280;--color-primary: oklch(60% .2 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .05 h);--color-secondary: oklch(55% .18 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(55% .18 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover)}:root[data-theme~=sunset][data-mode=dark],[data-theme~=sunset][data-mode=dark]{color-scheme:dark;--color-primary: oklch(65% .16 var(--hue-primary));--color-background: oklch(12% .02 var(--hue-primary));--color-surface: oklch(16% .02 var(--hue-primary));--color-surface-raised: oklch(20% .02 var(--hue-primary))}}@layer tokens{:root[data-theme~=rose],[data-theme~=rose]{--hue-primary: 350;--hue-secondary: 330;--hue-accent: 200;--color-primary: oklch(55% .18 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .04 h);--color-secondary: oklch(50% .14 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(60% .12 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover)}:root[data-theme~=rose][data-mode=dark],[data-theme~=rose][data-mode=dark]{color-scheme:dark;--color-primary: oklch(65% .14 var(--hue-primary));--color-background: oklch(12% .02 var(--hue-primary));--color-surface: oklch(16% .02 var(--hue-primary));--color-surface-raised: oklch(20% .02 var(--hue-primary))}}@layer tokens{:root[data-theme~=lavender],[data-theme~=lavender]{--hue-primary: 280;--hue-secondary: 300;--hue-accent: 60;--color-primary: oklch(55% .14 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .03 h);--color-secondary: oklch(50% .12 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(70% .14 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover)}:root[data-theme~=lavender][data-mode=dark],[data-theme~=lavender][data-mode=dark]{color-scheme:dark;--color-primary: oklch(65% .12 var(--hue-primary));--color-background: oklch(12% .02 var(--hue-primary));--color-surface: oklch(16% .02 var(--hue-primary));--color-surface-raised: oklch(20% .02 var(--hue-primary))}}@layer tokens{:root[data-theme~=coral],[data-theme~=coral]{--hue-primary: 15;--hue-secondary: 25;--hue-accent: 180;--color-primary: oklch(60% .18 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .05 h);--color-secondary: oklch(55% .15 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(55% .12 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover)}:root[data-theme~=coral][data-mode=dark],[data-theme~=coral][data-mode=dark]{color-scheme:dark;--color-primary: oklch(65% .15 var(--hue-primary));--color-background: oklch(12% .02 var(--hue-primary));--color-surface: oklch(16% .02 var(--hue-primary));--color-surface-raised: oklch(20% .02 var(--hue-primary))}}@layer tokens{:root[data-theme~=slate],[data-theme~=slate]{--hue-primary: 220;--hue-secondary: 210;--hue-accent: 45;--color-primary: oklch(48% .1 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .02 h);--color-secondary: oklch(45% .06 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(68% .15 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover)}:root[data-theme~=slate][data-mode=dark],[data-theme~=slate][data-mode=dark]{color-scheme:dark;--color-primary: oklch(60% .08 var(--hue-primary));--color-background: oklch(12% .015 var(--hue-primary));--color-surface: oklch(16% .015 var(--hue-primary));--color-surface-raised: oklch(20% .015 var(--hue-primary))}}@layer tokens{:root[data-theme~=emerald],[data-theme~=emerald]{--hue-primary: 160;--hue-secondary: 140;--hue-accent: 30;--color-primary: oklch(50% .15 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .04 h);--color-secondary: oklch(48% .12 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(65% .16 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover)}:root[data-theme~=emerald][data-mode=dark],[data-theme~=emerald][data-mode=dark]{color-scheme:dark;--color-primary: oklch(60% .12 var(--hue-primary));--color-background: oklch(12% .02 var(--hue-primary));--color-surface: oklch(16% .02 var(--hue-primary));--color-surface-raised: oklch(20% .02 var(--hue-primary))}}@layer tokens{:root[data-theme~=amber],[data-theme~=amber]{--hue-primary: 45;--hue-secondary: 30;--hue-accent: 240;--color-primary: oklch(60% .16 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .04 h);--color-secondary: oklch(55% .15 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(52% .14 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover)}:root[data-theme~=amber][data-mode=dark],[data-theme~=amber][data-mode=dark]{color-scheme:dark;--color-primary: oklch(68% .14 var(--hue-primary));--color-background: oklch(12% .02 var(--hue-primary));--color-surface: oklch(16% .02 var(--hue-primary));--color-surface-raised: oklch(20% .02 var(--hue-primary))}}@layer tokens{:root[data-theme~=indigo],[data-theme~=indigo]{--hue-primary: 250;--hue-secondary: 270;--hue-accent: 35;--color-primary: oklch(48% .18 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .95 .04 h);--color-secondary: oklch(45% .14 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .08) c h);--color-accent: oklch(68% .16 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .08) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover)}:root[data-theme~=indigo][data-mode=dark],[data-theme~=indigo][data-mode=dark]{color-scheme:dark;--color-primary: oklch(62% .14 var(--hue-primary));--color-background: oklch(12% .02 var(--hue-primary));--color-surface: oklch(16% .02 var(--hue-primary));--color-surface-raised: oklch(20% .02 var(--hue-primary))}}@layer tokens{:root[data-theme~=modern],[data-theme~=modern]{--hue-primary: 270;--hue-secondary: 220;--hue-accent: 45;--color-primary: oklch(55% .22 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l - .06) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l - .1) c h);--color-primary-subtle: oklch(from var(--color-primary) .96 .04 h);--color-secondary: oklch(50% .12 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .06) c h);--color-accent: oklch(75% .18 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .06) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: "Inter", "SF Pro Display", system-ui, -apple-system, sans-serif;--line-height-normal: 1.5;--line-height-tight: 1.2;--radius-xs: .25rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.75rem;--shadow-xs: 0 1px 3px 0 oklch(0% 0 0 / .08);--shadow-sm: 0 2px 4px -1px oklch(0% 0 0 / .1), 0 1px 2px -1px oklch(0% 0 0 / .06);--shadow-md: 0 6px 12px -2px oklch(0% 0 0 / .12), 0 3px 6px -3px oklch(0% 0 0 / .08);--shadow-lg: 0 12px 24px -4px oklch(0% 0 0 / .14), 0 6px 12px -6px oklch(0% 0 0 / .08);--shadow-xl: 0 24px 48px -8px oklch(0% 0 0 / .16), 0 12px 24px -12px oklch(0% 0 0 / .08);--shadow-2xl: 0 32px 64px -16px oklch(0% 0 0 / .24);--duration-instant: 50ms;--duration-fast: 80ms;--duration-normal: .15s;--duration-slow: .25s;--duration-slower: .4s;--ease-default: cubic-bezier(.2, 0, .1, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=modern][data-mode=dark],[data-theme~=modern][data-mode=dark]{color-scheme:dark;--color-primary: oklch(65% .2 var(--hue-primary));--color-background: oklch(10% .03 var(--hue-primary));--color-surface: oklch(14% .03 var(--hue-primary));--color-surface-raised: oklch(18% .03 var(--hue-primary));--shadow-md: 0 6px 12px -2px oklch(0% 0 0 / .35), 0 3px 6px -3px oklch(0% 0 0 / .25);--shadow-lg: 0 12px 24px -4px oklch(0% 0 0 / .4), 0 6px 12px -6px oklch(0% 0 0 / .25)}}@layer tokens{:root[data-theme~=minimal],[data-theme~=minimal]{--hue-primary: 240;--hue-secondary: 240;--hue-accent: 210;--color-primary: oklch(35% .03 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l + .08) c h);--color-primary-active: oklch(from var(--color-primary) calc(l + .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .97 .01 h);--color-secondary: oklch(50% .02 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .06) c h);--color-accent: oklch(50% .08 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .06) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--letter-spacing-normal: .01em;--radius-xs: 0;--radius-s: .125rem;--radius-m: .25rem;--radius-l: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--radius-full: 9999px;--border-width-thin: 1px;--border-width-medium: 1px;--shadow-xs: none;--shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / .03);--shadow-md: 0 2px 4px 0 oklch(0% 0 0 / .04);--shadow-lg: 0 4px 8px 0 oklch(0% 0 0 / .05);--shadow-xl: 0 8px 16px 0 oklch(0% 0 0 / .06);--shadow-2xl: 0 12px 24px 0 oklch(0% 0 0 / .08);--duration-instant: 0ms;--duration-fast: 75ms;--duration-normal: .12s;--duration-slow: .2s;--duration-slower: .3s;--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(.25, .1, .25, 1)}:root[data-theme~=minimal][data-mode=dark],[data-theme~=minimal][data-mode=dark]{color-scheme:dark;--color-primary: oklch(70% .02 var(--hue-primary));--color-background: oklch(8% 0 0);--color-surface: oklch(12% 0 0);--color-surface-raised: oklch(16% 0 0);--shadow-md: 0 2px 4px 0 oklch(0% 0 0 / .2);--shadow-lg: 0 4px 8px 0 oklch(0% 0 0 / .25)}}@layer tokens{:root[data-theme~=classic],[data-theme~=classic]{--hue-primary: 220;--hue-secondary: 200;--hue-accent: 35;--color-primary: oklch(40% .12 var(--hue-primary));--color-primary-hover: oklch(from var(--color-primary) calc(l + .08) calc(c + .02) h);--color-primary-active: oklch(from var(--color-primary) calc(l + .12) c h);--color-primary-subtle: oklch(from var(--color-primary) .96 .03 h);--color-secondary: oklch(45% .08 var(--hue-secondary));--color-secondary-hover: oklch(from var(--color-secondary) calc(l - .06) c h);--color-accent: oklch(60% .14 var(--hue-accent));--color-accent-hover: oklch(from var(--color-accent) calc(l - .06) c h);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--font-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--line-height-tight: 1.3;--line-height-normal: 1.65;--line-height-relaxed: 1.8;--letter-spacing-normal: .01em;--letter-spacing-wide: .05em;--radius-xs: .125rem;--radius-s: .1875rem;--radius-m: .25rem;--radius-l: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--border-width-thin: 1px;--border-width-medium: 2px;--shadow-xs: 0 1px 2px 0 oklch(0% 0 0 / .04);--shadow-sm: 0 1px 3px 0 oklch(0% 0 0 / .06), 0 1px 2px -1px oklch(0% 0 0 / .04);--shadow-md: 0 3px 6px -1px oklch(0% 0 0 / .07), 0 2px 4px -2px oklch(0% 0 0 / .05);--shadow-lg: 0 8px 12px -2px oklch(0% 0 0 / .08), 0 4px 6px -3px oklch(0% 0 0 / .05);--shadow-xl: 0 16px 20px -4px oklch(0% 0 0 / .09), 0 8px 10px -5px oklch(0% 0 0 / .05);--shadow-2xl: 0 24px 40px -8px oklch(0% 0 0 / .12);--duration-instant: 50ms;--duration-fast: .12s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.2, 0, .4, 1);--ease-in: cubic-bezier(.4, 0, .8, 1)}:root[data-theme~=classic][data-mode=dark],[data-theme~=classic][data-mode=dark]{color-scheme:dark;--color-primary: oklch(60% .1 var(--hue-primary));--color-background: oklch(10% .015 var(--hue-primary));--color-surface: oklch(14% .015 var(--hue-primary));--color-surface-raised: oklch(18% .015 var(--hue-primary));--color-accent: oklch(70% .12 var(--hue-accent));--shadow-md: 0 3px 6px -1px oklch(0% 0 0 / .25), 0 2px 4px -2px oklch(0% 0 0 / .2);--shadow-lg: 0 8px 12px -2px oklch(0% 0 0 / .3), 0 4px 6px -3px oklch(0% 0 0 / .2)}}@layer tokens{:root[data-theme~=brutalist],[data-theme~=brutalist]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: bold;--color-surface: oklch(95% 0 0);--color-surface-alt: oklch(100% 0 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(90% 0 0);--color-background: oklch(95% 0 0);--color-text: oklch(0% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(60% .3 145);--color-primary-hover: oklch(55% .3 145);--color-primary-subtle: oklch(90% .1 145);--color-accent: oklch(65% .25 30);--color-accent-hover: oklch(55% .25 30);--color-border: oklch(0% 0 0);--color-border-muted: oklch(70% 0 0);--color-border-strong: oklch(0% 0 0);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--text-heading-1: 3rem;--text-heading-2: 2rem;--text-heading-3: 1.5rem;--text-heading-4: 1.125rem;--text-body: .9375rem;--weight-normal: 400;--weight-bold: 700;--line-height-normal: 1.6;--line-height-tight: 1.1;--letter-spacing-normal: -.01em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 1px 1px 0 oklch(0% 0 0);--shadow-sm: 2px 2px 0 oklch(0% 0 0);--shadow-md: 4px 4px 0 oklch(0% 0 0);--shadow-lg: 6px 6px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 10px 10px 0 oklch(0% 0 0);--border-width: 2px;--border-width-thick: 4px;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .1s;--duration-slow: .15s;--ease-default: linear;--ease-out: linear;--motion-hover-lift: none;--motion-hover-scale: scale(1.05);--motion-stagger-delay: 0ms;--motion-bounce: linear;--motion-snappy: linear;--motion-smooth: linear;--motion-elastic: linear;--motion-enter-duration: 0ms;--motion-exit-duration: 0ms}:root[data-theme~=brutalist],[data-theme~=brutalist]{:is(main,article){& hr{border:none;height:4px;background:repeating-linear-gradient(90deg,oklch(0% 0 0),oklch(0% 0 0) 10px,transparent 10px,transparent 20px);margin-block:2rem}& h1{text-transform:uppercase;background:#000;color:#fff;padding:.5rem 1rem;width:fit-content;margin-inline:auto;margin-block-end:1.5rem}& h2{border-block-end:4px solid oklch(0% 0 0);padding-block-end:.5rem}& h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;&:hover{background:var(--color-primary);color:#000;text-decoration:none;padding-inline:.25em;margin-inline:-.25em}}.button,button{border-width:2px;box-shadow:var(--shadow-md);transition:transform .1s,box-shadow .1s;&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}&:active{transform:translate(2px,2px);box-shadow:2px 2px #000}}.card{border-width:2px;box-shadow:var(--shadow-md);&:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}}& input,textarea{border-width:2px;&:focus{box-shadow:var(--shadow-sm);outline:none}}& blockquote{border:2px solid oklch(0% 0 0);border-inline-start-width:8px;padding:1rem 1.5rem;background:#eee;font-style:normal;&:before{content:'"';font-size:3rem;font-weight:700;line-height:1;display:block;margin-block-end:.5rem}}& pre{background:#030303;color:var(--color-primary);border:2px solid oklch(0% 0 0);box-shadow:var(--shadow-md)}& code{background:#dedede;border:1px solid oklch(0% 0 0)}}:is(main,article) code-block{--cb-bg: oklch(10% 0 0);--cb-code-bg: oklch(10% 0 0);--cb-header-bg: oklch(15% 0 0);--cb-text-color: var(--color-primary);--cb-border-color: oklch(0% 0 0);--cb-comment: oklch(50% 0 0);--cb-keyword: var(--color-primary);--cb-string: var(--color-accent);--cb-function: oklch(80% 0 0);--cb-number: var(--color-accent);--cb-button-bg: oklch(20% 0 0);--cb-button-color: oklch(70% 0 0);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(10% 0 0);--cb-scrollbar-thumb: oklch(35% 0 0)}:is(main,article) browser-window{--browser-window-bg: oklch(95% 0 0);--browser-window-header-bg: oklch(90% 0 0);--browser-window-content-bg: oklch(95% 0 0);--browser-window-border-color: oklch(0% 0 0);--browser-window-text-color: oklch(0% 0 0);--browser-window-text-muted: oklch(40% 0 0);--browser-window-url-bg: oklch(100% 0 0)}::selection{background:var(--color-primary);color:#000}--scrollbar-thumb: oklch(0% 0 0);--scrollbar-track: oklch(90% 0 0)}:root[data-theme~=brutalist][data-mode=dark],[data-theme~=brutalist][data-mode=dark]{color-scheme:dark;--color-surface: oklch(10% 0 0);--color-surface-alt: oklch(5% 0 0);--color-surface-raised: oklch(15% 0 0);--color-background: oklch(5% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-border: oklch(95% 0 0);--color-border-strong: oklch(95% 0 0);--scrollbar-thumb: oklch(95% 0 0);--scrollbar-track: oklch(15% 0 0);--shadow-sm: 2px 2px 0 oklch(100% 0 0);--shadow-md: 4px 4px 0 oklch(100% 0 0);--shadow-lg: 6px 6px 0 oklch(100% 0 0);:is(main,article) h1{background:#eee;color:#000}}}@layer tokens{:root[data-theme~=swiss],[data-theme~=swiss]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-surface: white;--color-surface-alt: oklch(98% 0 0);--color-surface-raised: white;--color-surface-sunken: oklch(95% 0 0);--color-background: white;--color-text: oklch(15% 0 0);--color-text-muted: oklch(40% 0 0);--color-text-subtle: oklch(55% 0 0);--color-primary: oklch(50% .25 25);--color-primary-hover: oklch(45% .25 25);--color-primary-subtle: oklch(95% .05 25);--color-accent: oklch(15% 0 0);--color-accent-hover: oklch(25% 0 0);--color-border: oklch(85% 0 0);--color-border-muted: oklch(92% 0 0);--color-border-strong: oklch(15% 0 0);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Monaco, Consolas, monospace;--text-heading-1: 3.5rem;--text-heading-2: 2.5rem;--text-heading-3: 1.75rem;--text-heading-4: 1.25rem;--weight-normal: 400;--weight-bold: 700;--line-height-normal: 1.5;--line-height-tight: 1.1;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .1em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .2s;--ease-default: ease;--ease-out: ease-out}:root[data-theme~=swiss],[data-theme~=swiss]{:is(main,article){& hr{border:none;border-block-start:2px solid oklch(15% 0 0);margin-block:3rem}& h1,h2{text-transform:uppercase;letter-spacing:.05em}& a:not([class]){color:var(--color-primary);text-decoration:none;border-block-end:1px solid currentColor;&:hover{border-block-end-width:2px}}}&[data-debug-grid]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to right,oklch(50% .25 25 / .1) 0,oklch(50% .25 25 / .1) 1px,transparent 1px,transparent calc(100% / 12));z-index:9999}:is(main,article){& article{max-width:60ch;>p:first-of-type{font-size:1.25rem;line-height:1.4}>p:first-of-type:first-letter{font-size:3.5rem;float:left;line-height:1;margin-inline-end:.5rem;font-weight:700}}& blockquote{border-inline-start-width:3px;border-color:var(--color-primary);padding-inline-start:1.5rem;font-style:normal;font-weight:500}.button,button{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;border:2px solid currentColor}.card{border:1px solid oklch(15% 0 0)}}:is(main,article) code-block{--cb-bg: oklch(97% 0 0);--cb-code-bg: oklch(97% 0 0);--cb-header-bg: oklch(95% 0 0);--cb-text-color: oklch(15% 0 0);--cb-border-color: oklch(15% 0 0);--cb-comment: oklch(55% 0 0);--cb-keyword: var(--color-primary);--cb-string: oklch(35% .12 145);--cb-function: oklch(30% .12 290);--cb-number: oklch(40% .12 250);--cb-button-bg: oklch(95% 0 0);--cb-button-color: oklch(40% 0 0);--cb-scrollbar-track: oklch(95% 0 0);--cb-scrollbar-thumb: oklch(75% 0 0)}:is(main,article) browser-window{--browser-window-bg: white;--browser-window-header-bg: oklch(97% 0 0);--browser-window-content-bg: white;--browser-window-border-color: oklch(15% 0 0);--browser-window-text-color: oklch(15% 0 0);--browser-window-text-muted: oklch(50% 0 0);--browser-window-url-bg: white}}:root[data-theme~=swiss][data-mode=dark],[data-theme~=swiss][data-mode=dark]{color-scheme:dark;--color-surface: oklch(12% 0 0);--color-surface-alt: oklch(15% 0 0);--color-surface-raised: oklch(18% 0 0);--color-background: oklch(8% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(70% 0 0);--color-border: oklch(30% 0 0);--color-border-strong: oklch(95% 0 0)}}@layer tokens{:root[data-theme~=cyber],[data-theme~=cyber]{--color-surface: oklch(12% .02 280);--color-surface-alt: oklch(15% .025 280);--color-surface-raised: oklch(18% .03 280);--color-surface-sunken: oklch(8% .015 280);--color-background: oklch(8% .02 280);--color-text: oklch(92% .02 200);--color-text-muted: oklch(70% .03 200);--color-text-subtle: oklch(55% .02 200);--color-primary: oklch(75% .25 180);--color-primary-hover: oklch(80% .28 180);--color-primary-subtle: oklch(25% .08 180);--color-accent: oklch(70% .28 330);--color-accent-hover: oklch(75% .3 330);--color-accent-subtle: oklch(25% .1 330);--color-border: oklch(30% .04 280);--color-border-muted: oklch(22% .03 280);--color-border-strong: oklch(75% .25 180);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--glow-cyan: 0 0 20px oklch(75% .25 180 / .5);--glow-magenta: 0 0 20px oklch(70% .28 330 / .5);--glow-text: 0 0 10px currentColor;--font-sans: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-heading-1: 2.5rem;--text-heading-2: 1.75rem;--text-heading-3: 1.375rem;--text-heading-4: 1.125rem;--text-body: .9375rem;--weight-normal: 400;--weight-bold: 600;--line-height-normal: 1.6;--line-height-tight: 1.2;--letter-spacing-wide: .05em;--radius-xs: 2px;--radius-s: 4px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .3);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .4);--shadow-md: 0 4px 16px oklch(0% 0 0 / .5);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .6);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .7);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .8);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--motion-hover-lift: translateY(-2px);--motion-hover-scale: scale(1.02);--motion-hover-glow: var(--glow-cyan);--motion-stagger-delay: 75ms;--motion-snappy: steps(4);--motion-bounce: steps(6);--surface-texture-opacity: .03;--glass-blur: 12px;--glass-opacity: .1}:root[data-theme~=cyber]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .03) 2px,oklch(0% 0 0 / .03) 4px);z-index:500}:root[data-theme~=cyber]:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:linear-gradient(oklch(75% .25 180 / .3) 1px,transparent 1px),linear-gradient(90deg,oklch(75% .25 180 / .3) 1px,transparent 1px);background-size:50px 50px;z-index:-1}:root[data-theme~=cyber],[data-theme~=cyber]{:is(main,article){& h1,h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);text-shadow:var(--glow-text)}& h1:before{content:"// ";opacity:.5}& h3,h4{color:var(--color-accent)}& a:not([class]){color:var(--color-primary);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-primary);box-shadow:var(--glow-cyan);transform:scaleX(0);transition:transform .2s}&:hover:after{transform:scaleX(1)}}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);box-shadow:inset 0 0 10px oklch(75% .25 180 / .2);transition:all .2s;&:hover{box-shadow:var(--glow-cyan),inset 0 0 20px oklch(75% .25 180 / .3)}}.card{position:relative;border:1px solid oklch(30% .04 280);background:var(--color-surface);&:before{content:"";position:absolute;top:-1px;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}&:hover{border-color:#265149;box-shadow:var(--glow-cyan)}}& input,textarea{background:#010104;border:1px solid oklch(35% .04 280);&:focus{border-color:var(--color-primary);box-shadow:var(--glow-cyan);outline:none}&::placeholder{color:#344d4e;font-style:italic}}& pre{background:#010104;border:1px solid oklch(30% .04 280);border-inline-start:3px solid var(--color-primary);& code{color:#7bd77f}}& code{background:#131423;color:var(--color-primary)}& blockquote{border:1px solid oklch(30% .04 280);border-inline-start:3px solid var(--color-accent);background:#090a15;padding:1rem 1.5rem;font-style:normal;&:before{content:'"';color:var(--color-accent);font-size:2rem;line-height:1;display:block;text-shadow:var(--glow-magenta)}}& hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary) 20%,var(--color-accent) 80%,transparent);margin-block:2rem;box-shadow:0 0 10px oklch(70% .2 250 / .3)}}:is(main,article) code-block{--cb-bg: oklch(8% .015 280);--cb-code-bg: oklch(8% .015 280);--cb-header-bg: oklch(12% .02 280);--cb-text-color: oklch(80% .15 145);--cb-border-color: oklch(30% .04 280);--cb-comment: oklch(50% .03 200);--cb-keyword: var(--color-primary);--cb-string: var(--color-accent);--cb-function: oklch(75% .2 290);--cb-number: oklch(75% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(75% .15 200);--cb-button-bg: oklch(15% .025 280);--cb-button-color: oklch(70% .03 200);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(8% .015 280);--cb-scrollbar-thumb: oklch(30% .04 280)}:is(main,article) browser-window{--browser-window-bg: oklch(10% .02 280);--browser-window-header-bg: oklch(15% .025 280);--browser-window-content-bg: oklch(10% .02 280);--browser-window-border-color: oklch(30% .04 280);--browser-window-text-color: oklch(92% .02 200);--browser-window-text-muted: oklch(60% .03 200);--browser-window-url-bg: oklch(8% .015 280);--browser-window-hover-bg: oklch(18% .03 280);--browser-window-accent-color: var(--color-primary)}::selection{background:var(--color-primary);color:#000503;text-shadow:none}}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .015 250);--color-surface-alt: oklch(93% .02 250);--color-surface-raised: oklch(98% .01 250);--color-surface-sunken: oklch(90% .025 250);--color-background: oklch(97% .01 250);--color-text: oklch(15% .02 280);--color-text-muted: oklch(35% .03 280);--color-text-subtle: oklch(50% .02 280);--color-primary: oklch(50% .22 180);--color-primary-hover: oklch(45% .25 180);--color-primary-subtle: oklch(92% .06 180);--color-accent: oklch(50% .25 330);--color-accent-hover: oklch(45% .27 330);--color-accent-subtle: oklch(92% .06 330);--color-border: oklch(85% .02 250);--color-border-muted: oklch(90% .015 250);--color-border-strong: oklch(50% .22 180);--glow-cyan: 0 0 8px oklch(50% .22 180 / .2);--glow-magenta: 0 0 8px oklch(50% .25 330 / .2);--glow-text: none;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .08);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .1);--shadow-md: 0 4px 16px oklch(0% 0 0 / .12);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .15)}:root[data-theme~=cyber][data-mode=light]:before{opacity:.015}:root[data-theme~=cyber][data-mode=light]:after{opacity:.02}}@layer tokens{:root[data-theme~=organic],[data-theme~=organic]{color-scheme:light;--theme-border-style: organic;--theme-icon-set: sketch;--color-surface: oklch(97% .02 80);--color-surface-alt: oklch(94% .03 75);--color-surface-raised: oklch(99% .01 80);--color-surface-sunken: oklch(90% .04 70);--color-background: oklch(97% .02 80);--color-text: oklch(22% .05 50);--color-text-muted: oklch(40% .04 50);--color-text-subtle: oklch(50% .03 60);--color-primary: oklch(50% .12 145);--color-primary-hover: oklch(45% .14 145);--color-primary-subtle: oklch(95% .04 145);--color-accent: oklch(65% .15 55);--color-accent-hover: oklch(55% .15 55);--color-accent-subtle: oklch(95% .05 55);--color-border: oklch(85% .04 70);--color-border-muted: oklch(90% .03 70);--color-border-strong: oklch(70% .06 60);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, serif;--font-mono: "Source Code Pro", Menlo, Consolas, monospace;--text-heading-1: 2.75rem;--text-heading-2: 2rem;--text-heading-3: 1.5rem;--text-heading-4: 1.25rem;--weight-normal: 400;--weight-bold: 600;--line-height-normal: 1.7;--line-height-tight: 1.2;--radius-xs: .375rem;--radius-s: .5rem;--radius-m: .75rem;--radius-l: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-organic: 40% 60% 70% 30% / 40% 50% 60% 50%;--shadow-xs: 0 1px 4px -1px oklch(30% .05 60 / .1);--shadow-sm: 0 2px 8px -2px oklch(30% .05 60 / .15);--shadow-md: 0 4px 16px -4px oklch(30% .05 60 / .2);--shadow-lg: 0 8px 24px -6px oklch(30% .05 60 / .25);--shadow-xl: 0 16px 40px -8px oklch(30% .05 60 / .3);--shadow-2xl: 0 24px 56px -12px oklch(30% .05 60 / .35);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-3px);--motion-hover-scale: scale(1.03);--motion-stagger-delay: 80ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.3, .32, 1.3);--motion-enter-duration: .4s;--motion-exit-duration: .25s;--surface-texture-opacity: .04}:root[data-theme~=organic]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=organic],[data-theme~=organic]{:is(main,article){& hr{border:none;height:2px;margin-block:2.5rem;background:linear-gradient(90deg,transparent,var(--color-border-strong) 20%,var(--color-border-strong) 80%,transparent)}& h1,h2{position:relative;&:after{content:"";display:block;width:3rem;height:3px;margin-block-start:.75rem;background:var(--color-accent);border-radius:9999px}}& a:not([class]){color:var(--color-primary);text-decoration:none;background-image:linear-gradient(to right,var(--color-primary-subtle),var(--color-primary-subtle));background-position:0 100%;background-size:100% 2px;background-repeat:no-repeat;transition:background-size .3s ease;&:hover{background-size:100% 100%}}& article>p:first-of-type:first-letter{font-size:4rem;float:left;line-height:.8;margin-inline-end:.5rem;margin-block-start:.1em;color:var(--color-primary)}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border-radius:var(--radius-l);border:none;&:before{content:"\201c";position:absolute;top:-.5rem;left:1rem;font-size:4rem;line-height:1;color:var(--color-accent);opacity:.5}}.card:nth-child(odd){border-radius:1.5rem .75rem}.card:nth-child(2n){border-radius:.75rem 1.5rem}.button,button{border-radius:var(--radius-l);transition:all .3s ease}& input,textarea{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-m)}}:is(main,article) code-block{--cb-bg: oklch(94% .03 70);--cb-code-bg: oklch(94% .03 70);--cb-header-bg: oklch(92% .03 75);--cb-text-color: var(--color-text);--cb-border-color: var(--color-border);--cb-border-radius: var(--radius-l);--cb-comment: var(--color-text-muted);--cb-keyword: var(--color-primary);--cb-string: var(--color-accent);--cb-function: oklch(45% .12 290);--cb-number: oklch(50% .12 250);--cb-button-bg: oklch(92% .03 75);--cb-button-color: var(--color-text-muted);--cb-scrollbar-track: oklch(94% .03 70);--cb-scrollbar-thumb: oklch(80% .04 70)}:is(main,article) browser-window{--browser-window-bg: oklch(97% .02 80);--browser-window-header-bg: oklch(94% .03 75);--browser-window-content-bg: oklch(97% .02 80);--browser-window-border-color: var(--color-border);--browser-window-border-radius: var(--radius-l);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: oklch(99% .01 80)}}:root[data-theme~=organic][data-mode=dark],[data-theme~=organic][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .03 60);--color-surface-alt: oklch(22% .04 55);--color-surface-raised: oklch(25% .03 60);--color-surface-sunken: oklch(12% .02 60);--color-background: oklch(15% .03 60);--color-text: oklch(92% .02 70);--color-text-muted: oklch(70% .03 65);--color-border: oklch(35% .04 55);--color-border-muted: oklch(28% .03 55)}:root[data-theme~=organic][data-mode=dark]:before{opacity:.05}}@layer tokens{:root[data-theme~=editorial],[data-theme~=editorial]{color-scheme:light;--theme-border-style: sharp;--theme-icon-set: lucide;--color-surface: oklch(99% 0 0);--color-surface-alt: oklch(97% .01 60);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% .01 60);--color-background: oklch(99% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(35% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .22 25);--color-primary-hover: oklch(45% .24 25);--color-primary-subtle: oklch(95% .05 25);--color-accent: oklch(10% 0 0);--color-accent-hover: oklch(25% 0 0);--color-border: oklch(85% 0 0);--color-border-muted: oklch(92% 0 0);--color-border-strong: oklch(10% 0 0);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: Georgia, "Times New Roman", serif;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-mono: "Courier Prime", "Courier New", monospace;--text-heading-1: 4rem;--text-heading-2: 2.5rem;--text-heading-3: 1.75rem;--text-heading-4: 1.25rem;--text-body: 1.125rem;--weight-normal: 400;--weight-bold: 700;--line-height-normal: 1.75;--line-height-tight: 1.15;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: ease;--ease-out: ease-out}:root[data-theme~=editorial],[data-theme~=editorial]{:is(main,article){& hr{border:none;height:1px;background:#030303;margin-block:3rem;position:relative;&:before{content:"\a7";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-surface);padding-inline:1rem;color:var(--color-primary);font-size:1.25rem}}& h1{font-family:var(--font-heading);font-style:italic;font-weight:400;border-block-end:2px solid oklch(10% 0 0);padding-block-end:.75rem;margin-block-end:1.5rem}& h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;font-size:1rem;font-weight:400;color:var(--color-primary);border-block-start:1px solid currentColor;padding-block-start:.5rem;margin-block-start:2rem}& h3{font-family:var(--font-heading);font-style:italic}& a:not([class]){color:inherit;text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:3px;&:hover{color:var(--color-primary)}}& article{max-width:65ch;margin-inline:auto;>p:first-of-type:first-letter{font-family:var(--font-heading);font-size:5.5rem;float:left;line-height:.8;margin-inline-end:.75rem;margin-block-start:.1em;color:var(--color-primary);font-weight:400}>p:first-of-type{font-size:1.25rem;line-height:1.6}}& blockquote{border:none;padding:2rem 0;margin:2rem 0;border-block-start:1px solid oklch(10% 0 0);border-block-end:1px solid oklch(10% 0 0);font-family:var(--font-heading);font-size:1.75rem;font-style:italic;line-height:1.4;text-align:center;&:before{content:none}& cite{display:block;margin-block-start:1rem;font-size:.875rem;font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}}.button,button{border:1px solid oklch(10% 0 0);background:transparent;color:#030303;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding:.75rem 1.5rem;&:hover{background:#030303;color:#fff}}.card{border:1px solid oklch(85% 0 0);padding:2rem;&:hover{border-color:#030303}}& pre{background:#faf4ef;border:1px solid oklch(85% 0 0);font-family:var(--font-mono)}& code{font-family:var(--font-mono);background:#f4ede8;color:var(--color-primary)}& figure{margin:2rem 0;& figcaption{font-size:.875rem;font-style:italic;color:var(--color-text-muted);margin-block-start:.75rem;padding-block-start:.5rem;border-block-start:1px solid oklch(85% 0 0)}}}:is(main,article) code-block{--cb-bg: oklch(97% .01 60);--cb-code-bg: oklch(97% .01 60);--cb-header-bg: oklch(95% .01 60);--cb-text-color: var(--color-text);--cb-border-color: oklch(85% 0 0);--cb-comment: oklch(55% 0 0);--cb-keyword: var(--color-primary);--cb-string: oklch(40% .12 145);--cb-function: oklch(35% .12 290);--cb-number: oklch(45% .12 250);--cb-font-family: var(--font-mono);--cb-button-bg: oklch(95% .01 60);--cb-button-color: oklch(40% 0 0);--cb-scrollbar-track: oklch(97% .01 60);--cb-scrollbar-thumb: oklch(82% 0 0)}:is(main,article) browser-window{--browser-window-bg: oklch(99% 0 0);--browser-window-header-bg: oklch(97% .01 60);--browser-window-content-bg: oklch(99% 0 0);--browser-window-border-color: oklch(85% 0 0);--browser-window-text-color: oklch(10% 0 0);--browser-window-text-muted: oklch(50% 0 0);--browser-window-url-bg: oklch(100% 0 0)}}:root[data-theme~=editorial][data-mode=dark],[data-theme~=editorial][data-mode=dark]{color-scheme:dark;--color-surface: oklch(8% 0 0);--color-surface-alt: oklch(12% .01 60);--color-surface-raised: oklch(15% 0 0);--color-background: oklch(5% 0 0);--color-text: oklch(92% 0 0);--color-text-muted: oklch(65% 0 0);--color-primary: oklch(65% .2 25);--color-border: oklch(25% 0 0);--color-border-strong: oklch(92% 0 0)}}@layer tokens{@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/vt323/v18/pxiKyp0ihIEF2isfFJXUdVNF.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=terminal],[data-theme~=terminal]{--color-surface: oklch(5% .02 145);--color-surface-alt: oklch(8% .02 145);--color-surface-raised: oklch(12% .02 145);--color-surface-sunken: oklch(3% .01 145);--color-background: oklch(3% .02 145);--color-text: oklch(75% .2 145);--color-text-muted: oklch(60% .15 145);--color-text-subtle: oklch(50% .12 145);--color-primary: oklch(80% .22 145);--color-primary-hover: oklch(85% .25 145);--color-primary-subtle: oklch(20% .08 145);--color-accent: oklch(75% .15 60);--color-accent-hover: oklch(80% .18 60);--color-border: oklch(30% .1 145);--color-border-muted: oklch(20% .05 145);--color-border-strong: oklch(75% .2 145);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--glow-green: 0 0 10px oklch(75% .2 145 / .5), 0 0 20px oklch(75% .2 145 / .3), 0 0 30px oklch(75% .2 145 / .1);--glow-text: 0 0 5px currentColor;--font-sans: "VT323", "Courier New", Courier, monospace;--font-mono: "VT323", "Courier New", Courier, monospace;--text-heading-1: 2rem;--text-heading-2: 1.5rem;--text-heading-3: 1.25rem;--text-heading-4: 1rem;--text-body: 1rem;--weight-normal: 400;--weight-bold: 400;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: .05em;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: none;--shadow-sm: none;--shadow-md: var(--glow-green);--shadow-lg: var(--glow-green);--shadow-xl: var(--glow-green);--shadow-2xl: var(--glow-green);--duration-instant: 0ms;--duration-fast: 50ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(1);--ease-out: steps(1)}:root[data-theme~=terminal]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 1px,oklch(0% 0 0 / .1) 2px,oklch(0% 0 0 / .1) 3px);z-index:500}:root[data-theme~=terminal]:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 60%,oklch(0% 0 0 / .4) 100%);z-index:499}:root[data-theme~=terminal],[data-theme~=terminal]{:is(main,article){& h1:before,h2:before,h3:before{color:var(--color-accent)}& h1{text-transform:uppercase;&:before{content:"root@system:~# "}}& h2:before{content:"$ "}& h3:before{content:"> "}& h1:after,h2:after{content:"\2588";animation:blink 1s steps(1) infinite}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}:is(main,article){& a:not([class]){color:var(--color-accent);text-decoration:none;&:before{content:"["}&:after{content:"]"}&:hover{background:var(--color-accent);color:var(--color-background)}}}:is(main,article){& hr{border:none;height:auto;margin-block:1.5rem;color:var(--color-border-strong);&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";display:block;overflow:hidden;white-space:nowrap}}.button,button{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);text-transform:uppercase;font-family:var(--font-mono);&:before{content:"[ "}&:after{content:" ]"}&:hover{background:var(--color-primary);color:var(--color-background);text-shadow:none}}.card{border:1px solid var(--color-border-strong);background:var(--color-surface);position:relative;padding-block-start:2rem;&:before{content:"\250c\2500  TERMINAL \2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2510";position:absolute;top:0;left:0;right:0;padding:.25rem .5rem;background:var(--color-surface-raised);border-block-end:1px solid var(--color-border-strong);font-size:.75rem;color:var(--color-text-muted)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-mono);caret-color:var(--color-primary);&::placeholder{color:var(--color-text-subtle)}&:focus{outline:none;box-shadow:var(--glow-green)}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:before{content:"$ cat script.sh";display:block;color:var(--color-text-muted);margin-block-end:.5rem;padding-block-end:.5rem;border-block-end:1px solid var(--color-border)}}& blockquote{border:1px solid var(--color-accent);background:oklch(15% .05 60 / .2);padding:1rem;&:before{content:"[!] SYSTEM MESSAGE:";display:block;color:var(--color-accent);margin-block-end:.5rem;font-weight:700}}}::selection{background:var(--color-primary);color:var(--color-background);text-shadow:none}:is(main,article){& p:not([class]){&:before{content:"> ";color:var(--color-text-subtle)}}}:is(main,article) code-block{--cb-bg: oklch(5% .02 145);--cb-code-bg: oklch(5% .02 145);--cb-header-bg: oklch(8% .02 145);--cb-text-color: oklch(75% .2 145);--cb-border-color: oklch(30% .1 145);--cb-comment: oklch(50% .12 145);--cb-keyword: oklch(80% .22 145);--cb-string: oklch(75% .15 60);--cb-function: oklch(75% .2 145);--cb-number: oklch(75% .15 60);--cb-tag: oklch(75% .15 60);--cb-attribute: oklch(80% .22 145);--cb-button-bg: oklch(12% .02 145);--cb-button-color: oklch(60% .15 145);--cb-button-hover-bg: oklch(80% .22 145);--cb-button-hover-color: oklch(3% .02 145);--cb-scrollbar-track: oklch(5% .02 145);--cb-scrollbar-thumb: oklch(30% .1 145)}:is(main,article) browser-window{--browser-window-bg: oklch(5% .02 145);--browser-window-header-bg: oklch(8% .02 145);--browser-window-content-bg: oklch(3% .02 145);--browser-window-border-color: oklch(30% .1 145);--browser-window-text-color: oklch(75% .2 145);--browser-window-text-muted: oklch(50% .12 145);--browser-window-url-bg: oklch(5% .02 145);--browser-window-hover-bg: oklch(12% .02 145);--browser-window-accent-color: oklch(80% .22 145)}}:root[data-theme~=terminal][data-mode=light],[data-theme~=terminal][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .01 80);--color-surface-alt: oklch(93% .015 80);--color-surface-raised: oklch(98% .005 80);--color-surface-sunken: oklch(90% .02 80);--color-background: oklch(97% .01 80);--color-text: oklch(15% .02 145);--color-text-muted: oklch(35% .02 145);--color-text-subtle: oklch(50% .02 145);--color-primary: oklch(35% .15 145);--color-primary-hover: oklch(30% .18 145);--color-primary-subtle: oklch(92% .04 145);--color-accent: oklch(45% .12 60);--color-accent-hover: oklch(40% .15 60);--color-border: oklch(75% .02 145);--color-border-muted: oklch(85% .01 145);--color-border-strong: oklch(35% .1 145);--glow-green: none;--glow-text: none;--shadow-xs: none;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .08);--shadow-md: 0 2px 6px oklch(0% 0 0 / .1);--shadow-lg: 0 4px 12px oklch(0% 0 0 / .12)}:root[data-theme~=terminal][data-mode=light]:before{opacity:0}:root[data-theme~=terminal][data-mode=light]:after{opacity:0}}@layer tokens{@font-face{font-family:Nunito;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=kawaii],[data-theme~=kawaii]{color-scheme:light;--theme-border-style: kawaii;--theme-icon-set: mage;--color-surface: oklch(98% .02 350);--color-surface-alt: oklch(95% .04 350);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(92% .05 350);--color-background: oklch(97% .03 350);--color-text: oklch(25% .08 330);--color-text-muted: oklch(40% .06 330);--color-text-subtle: oklch(50% .04 330);--color-primary: oklch(55% .18 350);--color-primary-hover: oklch(50% .2 350);--color-primary-subtle: oklch(95% .05 350);--color-accent: oklch(45% .12 180);--color-accent-hover: oklch(40% .14 180);--color-accent-subtle: oklch(95% .04 180);--color-lavender: oklch(55% .12 290);--color-peach: oklch(55% .12 60);--color-sky: oklch(50% .12 220);--color-border: oklch(90% .05 350);--color-border-muted: oklch(94% .03 350);--color-border-strong: oklch(75% .15 350);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: "Nunito", "Quicksand", "Varela Round", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--text-heading-1: 2.5rem;--text-heading-2: 1.875rem;--text-heading-3: 1.5rem;--text-heading-4: 1.25rem;--text-body: 1rem;--weight-normal: 400;--weight-bold: 700;--line-height-normal: 1.6;--line-height-tight: 1.3;--radius-xs: .5rem;--radius-s: .75rem;--radius-m: 1rem;--radius-l: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-xs: 0 2px 4px oklch(75% .15 350 / .15);--shadow-sm: 0 4px 8px oklch(75% .15 350 / .2);--shadow-md: 0 6px 16px oklch(75% .15 350 / .25);--shadow-lg: 0 10px 24px oklch(75% .15 350 / .3);--shadow-xl: 0 16px 32px oklch(75% .15 350 / .35);--shadow-2xl: 0 24px 48px oklch(75% .15 350 / .4);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}:root[data-theme~=kawaii],[data-theme~=kawaii]{@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}:is(main,article){& hr{border:none;height:2rem;background:transparent;position:relative;margin-block:2rem;&:before{content:"\2661  \2726  \2661  \2726  \2661";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-primary);font-size:1.25rem;letter-spacing:.5rem;animation:sparkle 2s ease-in-out infinite}}& h1,h2,h3{position:relative}& h1{color:var(--color-primary);&:before{content:"\273f  "}&:after{content:" \273f"}}& h2{color:var(--color-lavender);&:before{content:"\2605  ";animation:sparkle 1.5s ease-in-out infinite}}& h3{color:var(--color-accent)}& a:not([class]){color:var(--color-primary);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-lavender),var(--color-accent));border-radius:var(--radius-full);transform:scaleX(0);transition:transform .3s var(--ease-bounce)}&:hover{&:after{transform:scaleX(1)}}}.button,button{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-lavender));border:none;color:#fff;font-weight:700;box-shadow:var(--shadow-md);transition:all .3s var(--ease-bounce);&:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg)}&:active{transform:translateY(0) scale(.98)}}--kawaii-scallop-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Crect width='200' height='200' rx='24' fill='white'/%3E%3Ccircle cx='14' cy='0' r='10' fill='white'/%3E%3Ccircle cx='38' cy='0' r='10' fill='white'/%3E%3Ccircle cx='62' cy='0' r='10' fill='white'/%3E%3Ccircle cx='86' cy='0' r='10' fill='white'/%3E%3Ccircle cx='110' cy='0' r='10' fill='white'/%3E%3Ccircle cx='134' cy='0' r='10' fill='white'/%3E%3Ccircle cx='158' cy='0' r='10' fill='white'/%3E%3Ccircle cx='182' cy='0' r='10' fill='white'/%3E%3Ccircle cx='14' cy='200' r='10' fill='white'/%3E%3Ccircle cx='38' cy='200' r='10' fill='white'/%3E%3Ccircle cx='62' cy='200' r='10' fill='white'/%3E%3Ccircle cx='86' cy='200' r='10' fill='white'/%3E%3Ccircle cx='110' cy='200' r='10' fill='white'/%3E%3Ccircle cx='134' cy='200' r='10' fill='white'/%3E%3Ccircle cx='158' cy='200' r='10' fill='white'/%3E%3Ccircle cx='182' cy='200' r='10' fill='white'/%3E%3C/svg%3E");.card{border-radius:var(--radius-xl);background:var(--color-surface-raised);border:2px solid var(--color-border);box-shadow:var(--shadow-md);position:relative;overflow:visible;transition:all .3s var(--ease-default);mask-image:var(--kawaii-scallop-mask);mask-size:cover;mask-repeat:no-repeat;-webkit-mask-image:var(--kawaii-scallop-mask);-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat;&:before{content:"\2661";position:absolute;top:-.75rem;right:1rem;background:var(--color-primary);color:#fff;width:1.5rem;height:1.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;z-index:1}&:hover{transform:translateY(-5px) rotate(1deg);box-shadow:var(--shadow-lg)}}& blockquote{mask-image:var(--kawaii-scallop-mask);mask-size:cover;mask-repeat:no-repeat;-webkit-mask-image:var(--kawaii-scallop-mask);-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat}& input,textarea{border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface-raised);padding:.75rem 1.25rem;transition:all .3s var(--ease-default);&:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-subtle);outline:none}&::placeholder{color:var(--color-text-subtle)}}& blockquote{background:linear-gradient(135deg,var(--color-primary-subtle),oklch(95% .04 290));border:none;border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;&:before{content:"\1f4ad";position:absolute;top:-1rem;left:1.5rem;font-size:2rem}}& code{background:var(--color-accent-subtle);color:oklch(35% .12 180);border-radius:var(--radius-s);padding:.125rem .375rem}& pre{background:linear-gradient(135deg,#d3f8ef,oklch(95% .04 220));border-radius:var(--radius-l);border:2px solid var(--color-accent)}}& article{& ul:not([class]){list-style:none;>li:before{content:"\2661";color:var(--color-primary);margin-inline-end:.5rem}}& ol:not([class]){list-style:none;counter-reset:kawaii;>li{counter-increment:kawaii;&:before{content:counter(kawaii) "\2661";color:var(--color-lavender);margin-inline-end:.5rem;font-weight:700}}}}& section{border-radius:var(--radius-l);border-color:var(--color-border-muted)}:is(main,article) code-block{--cb-bg: oklch(95% .03 350);--cb-code-bg: oklch(95% .03 350);--cb-header-bg: oklch(97% .02 350);--cb-text-color: var(--color-text);--cb-border-color: var(--color-border);--cb-comment: var(--color-text-muted);--cb-keyword: var(--color-primary);--cb-string: var(--color-lavender);--cb-function: var(--color-accent);--cb-number: var(--color-sky);--cb-tag: var(--color-accent);--cb-attribute: var(--color-primary);--cb-button-bg: oklch(97% .02 350);--cb-button-color: var(--color-text-muted);--cb-scrollbar-thumb: var(--color-border)}:is(main,article) browser-window{--browser-window-header-bg: oklch(97% .02 350);--browser-window-border-color: var(--color-border);--browser-window-url-bg: oklch(99% .01 350);--browser-window-text-muted: var(--color-text-muted)}::selection{background:var(--color-primary);color:#fff}}:root[data-theme~=kawaii][data-mode=dark],[data-theme~=kawaii][data-mode=dark]{color-scheme:dark;--color-surface: oklch(18% .04 290);--color-surface-alt: oklch(22% .05 290);--color-surface-raised: oklch(25% .04 290);--color-background: oklch(12% .04 290);--color-text: oklch(92% .03 350);--color-text-muted: oklch(75% .04 350);--color-primary: oklch(75% .18 350);--color-accent: oklch(75% .15 180);--color-lavender: oklch(75% .12 290);--color-peach: oklch(75% .12 60);--color-sky: oklch(70% .12 220);--color-border: oklch(35% .05 290)}}@layer tokens{@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~="8bit"],[data-theme~="8bit"]{--color-surface: oklch(20% .02 250);--color-surface-alt: oklch(25% .03 250);--color-surface-raised: oklch(30% .03 250);--color-surface-sunken: oklch(15% .02 250);--color-background: oklch(12% .02 250);--color-text: oklch(95% .02 60);--color-text-muted: oklch(70% .02 60);--color-text-subtle: oklch(50% .02 250);--color-primary: oklch(70% .2 145);--color-primary-hover: oklch(75% .22 145);--color-primary-subtle: oklch(30% .08 145);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--color-yellow: oklch(85% .18 90);--color-blue: oklch(55% .2 250);--color-cyan: oklch(75% .15 200);--color-magenta: oklch(60% .2 320);--color-orange: oklch(75% .2 50);--color-border: oklch(45% .05 250);--color-border-muted: oklch(35% .04 250);--color-border-strong: oklch(95% .02 60);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--glow-crt: 0 0 10px currentColor, 0 0 20px currentColor;--font-sans: "Press Start 2P", "VT323", "Courier New", monospace;--font-mono: "Press Start 2P", "VT323", "Courier New", monospace;--text-heading-1: 1.5rem;--text-heading-2: 1.25rem;--text-heading-3: 1rem;--text-heading-4: .875rem;--text-body: .75rem;--weight-normal: 400;--weight-bold: 400;--line-height-normal: 2;--line-height-tight: 1.5;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--border-pixel: 4px;--shadow-xs: 2px 2px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 4px 4px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 12px 12px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4)}:root[data-theme~="8bit"]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .15) 2px,oklch(0% 0 0 / .15) 4px);z-index:500}:root[data-theme~="8bit"],[data-theme~="8bit"]{--pixel-border: linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 100% 8px repeat-y, linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 100% 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 100% / 100% 8px repeat-y;:is(main,article){& h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.1em}& h1{color:var(--color-yellow);text-shadow:var(--glow-crt);&:before{content:"\2605  ";color:var(--color-accent)}&:after{content:" \2605";color:var(--color-accent)}}& h2{color:var(--color-cyan);border-block-end:var(--border-pixel) solid currentColor;padding-block-end:.5rem}& h3{color:var(--color-primary);&:before{content:"\25ba  "}}}:is(main,article){& hr{border:none;height:var(--border-pixel);margin-block:2rem;background:repeating-linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 8px,var(--color-yellow) 8px,var(--color-yellow) 16px,var(--color-primary) 16px,var(--color-primary) 24px,var(--color-cyan) 24px,var(--color-cyan) 32px)}& a:not([class]){color:var(--color-cyan);text-decoration:none;border-block-end:var(--border-pixel) solid transparent;&:hover{border-color:currentColor;text-shadow:var(--glow-crt)}}.button,button{background:var(--color-primary);color:#030303;border:var(--border-pixel) solid oklch(0% 0 0);box-shadow:var(--shadow-sm);text-transform:uppercase;font-size:var(--text-body);padding:.75rem 1rem;position:relative;&:before{content:"";position:absolute;inset:0 50% 50% 0;background:#fff3}&:hover{background:var(--color-primary-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}&:active{transform:translate(2px,2px);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:var(--border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md);position:relative;padding-block-start:2.5rem;&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";position:absolute;top:0;left:0;right:0;padding:.5rem;background:var(--color-blue);color:var(--color-text);font-size:.5rem;border-block-end:var(--border-pixel) solid var(--color-border-strong);overflow:hidden;white-space:nowrap}&:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000}}& input,textarea{background:#030303;border:var(--border-pixel) solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-body);padding:.5rem;&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle)}}& pre{background:#020202;border:var(--border-pixel) solid var(--color-cyan);box-shadow:var(--shadow-sm);& code{color:var(--color-primary)}}& code{background:#050c13;color:var(--color-yellow);border:2px solid var(--color-border);padding:0 .25rem}& blockquote{background:var(--color-surface-alt);border:var(--border-pixel) solid var(--color-magenta);padding:1rem;position:relative;&:before{content:"\1f4ac";position:absolute;top:-1rem;left:1rem;font-size:1.5rem}}}& article{& ul:not([class]){list-style:none;>li:before{content:"\25ba";color:var(--color-accent);margin-inline-end:.5rem}}}:is(main,article) code-block{--cb-bg: oklch(8% 0 0);--cb-code-bg: oklch(8% 0 0);--cb-header-bg: oklch(15% .02 250);--cb-text-color: var(--color-primary);--cb-border-color: var(--color-cyan);--cb-comment: var(--color-text-muted);--cb-keyword: var(--color-yellow);--cb-string: var(--color-cyan);--cb-function: var(--color-magenta);--cb-number: var(--color-orange);--cb-tag: var(--color-cyan);--cb-attribute: var(--color-yellow);--cb-button-bg: oklch(20% .03 250);--cb-button-color: var(--color-text-muted);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(12% .02 250);--cb-scrollbar-thumb: oklch(35% .05 250)}:is(main,article) browser-window{--browser-window-bg: oklch(15% .02 250);--browser-window-header-bg: oklch(20% .03 250);--browser-window-content-bg: oklch(12% .02 250);--browser-window-border-color: var(--color-border-strong);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: oklch(10% 0 0)}& progress{appearance:none;height:1rem;border:var(--border-pixel) solid var(--color-border-strong);background:#030303;&::-webkit-progress-bar{background:#030303}&::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 8px,var(--color-primary-hover) 8px,var(--color-primary-hover) 16px)}}::selection{background:var(--color-accent);color:var(--color-text)}}:root[data-theme~="8bit"][data-mode=light],[data-theme~="8bit"][data-mode=light]{color-scheme:light;--color-surface: oklch(85% .05 115);--color-surface-alt: oklch(75% .06 115);--color-surface-raised: oklch(90% .04 115);--color-background: oklch(88% .05 115);--color-text: oklch(15% .05 115);--color-text-muted: oklch(30% .05 115);--color-primary: oklch(30% .1 115);--color-border-strong: oklch(15% .05 115);--color-yellow: oklch(40% .15 90);--color-cyan: oklch(30% .12 200);--color-accent: oklch(45% .2 25);--color-magenta: oklch(40% .18 320);--color-orange: oklch(45% .18 50);--color-blue: oklch(35% .15 250);--shadow-sm: 4px 4px 0 oklch(15% .05 115 / .6);--shadow-md: 4px 4px 0 oklch(15% .05 115 / .6)}:root[data-theme~="8bit"][data-mode=light]:before{opacity:.05}}@layer tokens{@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=nes],[data-theme~=nes]{--color-nes-black: oklch(0% 0 0);--color-nes-dark: oklch(30% 0 0);--color-nes-light: oklch(85% 0 0);--color-nes-white: oklch(100% 0 0);--color-surface: oklch(90% 0 0);--color-surface-alt: oklch(85% 0 0);--color-surface-raised: oklch(95% 0 0);--color-surface-sunken: oklch(75% 0 0);--color-background: oklch(92% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(50% .18 250);--color-primary-hover: oklch(45% .2 250);--color-primary-subtle: oklch(85% .08 250);--color-accent: oklch(55% .22 25);--color-accent-hover: oklch(50% .24 25);--color-success: oklch(55% .18 145);--color-warning: oklch(75% .18 90);--color-error: oklch(55% .22 25);--color-border: oklch(0% 0 0);--color-border-muted: oklch(50% 0 0);--color-border-strong: oklch(0% 0 0);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--nes-border-raised: inset -4px -4px var(--color-nes-dark), inset 4px 4px var(--color-nes-white), inset -8px -8px var(--color-nes-black), inset 8px 8px var(--color-nes-light);--nes-border-pressed: inset 4px 4px var(--color-nes-dark), inset -4px -4px var(--color-nes-light), inset 8px 8px var(--color-nes-black), inset -8px -8px var(--color-nes-white);--nes-border-sunken: inset 4px 4px var(--color-nes-dark), inset -4px -4px var(--color-nes-light);--font-sans: "Press Start 2P", monospace;--font-mono: "Press Start 2P", monospace;--text-heading-1: 1.25rem;--text-heading-2: 1rem;--text-heading-3: .875rem;--text-heading-4: .75rem;--text-body: .75rem;--weight-normal: 400;--weight-bold: 400;--line-height-normal: 1.8;--line-height-tight: 1.4;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 8px 8px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 12px 12px 0 oklch(0% 0 0);--shadow-2xl: 16px 16px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4)}:root[data-theme~=nes],[data-theme~=nes]{text-transform:uppercase;:is(main,article){.button,button{background:var(--color-surface);color:var(--color-text);border:none;box-shadow:var(--nes-border-raised);padding:1rem 1.5rem;font-family:var(--font-sans);font-size:var(--text-body);cursor:pointer;position:relative;&:hover{background:var(--color-surface-alt)}&:active{box-shadow:var(--nes-border-pressed)}&:disabled{opacity:.5;cursor:not-allowed}&.primary,&[data-variant=primary]{background:var(--color-primary);color:var(--color-nes-white)}&.success,&[data-variant=success]{background:var(--color-success);color:var(--color-nes-white)}&.error,&.danger,&[data-variant=error],&[data-variant=danger]{background:var(--color-error);color:var(--color-nes-white)}&.warning,&[data-variant=warning]{background:var(--color-warning);color:var(--color-text)}}}& dialog{background:var(--color-surface);border:none;box-shadow:var(--nes-border-raised);padding:0;max-width:90vw;&::backdrop{background:#00000080}}.nes-dialog-header,dialog .dialog-header,dialog header{background:var(--color-primary);color:var(--color-nes-white);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--text-body);border-bottom:4px solid var(--color-nes-black)}.nes-dialog-body,dialog .dialog-body{padding:1.5rem}.nes-dialog-footer,dialog .dialog-footer,dialog footer{padding:1rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end;border-top:4px solid var(--color-nes-dark)}:is(main,article){& details{background:var(--color-surface);box-shadow:var(--nes-border-raised);margin-block-end:.5rem;&[open]>summary{border-bottom:4px solid var(--color-nes-black)}}& summary{padding:1rem;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-body);list-style:none;display:flex;align-items:center;gap:.75rem;&::-webkit-details-marker{display:none}&:before{content:"\25b6";font-size:.5rem;transition:transform .1s steps(2)}}& details[open]>summary:before{transform:rotate(90deg)}& details>:not(summary){padding:1rem}}.nes-menu,menu{background:var(--color-surface);box-shadow:var(--nes-border-raised);padding:.5rem;margin:0;list-style:none;& li{margin:0}& button,a{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;box-shadow:none;font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);text-decoration:none;cursor:pointer;&:hover{background:var(--color-primary);color:var(--color-nes-white)}}& hr{border:none;height:4px;background:var(--color-nes-dark);margin:.5rem 0}}.menu-bar,.nes-menu-bar{display:flex;background:var(--color-surface);box-shadow:var(--nes-border-raised);padding:0;>details{box-shadow:none;margin:0;>summary{padding:.75rem 1rem;border:none;&:before{display:none}&:hover{background:var(--color-primary);color:var(--color-nes-white)}}>menu{position:absolute;z-index:100;min-width:150px}}}& input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea{background:var(--color-surface);border:none;box-shadow:var(--nes-border-sunken);padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);&:focus{outline:4px solid var(--color-primary);outline-offset:0}&::placeholder{color:var(--color-text-muted)}}& select{appearance:none;background:var(--color-surface);border:none;box-shadow:var(--nes-border-raised);padding:.75rem 2.5rem .75rem 1rem;font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;&:focus{outline:4px solid var(--color-primary);outline-offset:0}}& input[type=checkbox],input[type=radio]{appearance:none;width:24px;height:24px;background:var(--color-surface);box-shadow:var(--nes-border-sunken);cursor:pointer;position:relative;&:checked{background:var(--color-primary);&:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-nes-white);font-size:.75rem}}&:focus{outline:4px solid var(--color-primary);outline-offset:0}}& input[type=radio]{&:checked:after{content:"";width:12px;height:12px;background:var(--color-nes-white)}}& progress{appearance:none;height:24px;background:var(--color-surface);box-shadow:var(--nes-border-sunken);border:none;&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:var(--color-success)}&::-moz-progress-bar{background:var(--color-success)}}:is(main,article){& hr{border:none;height:4px;background:var(--color-nes-black);margin-block:1.5rem}& h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:.05em;margin-block-end:1rem}& h1{font-size:var(--text-heading-1);color:var(--color-primary)}& h2{font-size:var(--text-heading-2);border-bottom:4px solid currentColor;padding-bottom:.5rem}& a:not([class]){color:var(--color-primary);text-decoration:none;&:hover{text-decoration:underline;text-decoration-thickness:4px}}.card{background:var(--color-surface);box-shadow:var(--nes-border-raised);padding:1.5rem}& blockquote{background:var(--color-surface-alt);box-shadow:var(--nes-border-raised);padding:1.5rem;margin:1rem 0;position:relative;&:before{content:"\201c";font-size:2rem;color:var(--color-primary);position:absolute;top:.5rem;left:.5rem}}& pre{background:var(--color-nes-black);color:var(--color-nes-white);box-shadow:var(--nes-border-sunken);padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-body)}& code{background:var(--color-surface-alt);padding:.125rem .375rem;font-family:var(--font-mono);font-size:var(--text-body)}& pre code{background:transparent;padding:0}}:is(main,article) code-block{--cb-bg: var(--color-nes-black);--cb-code-bg: var(--color-nes-black);--cb-header-bg: oklch(15% 0 0);--cb-text-color: var(--color-nes-white);--cb-border-color: var(--color-border);--cb-comment: var(--color-text-muted);--cb-keyword: var(--color-primary);--cb-string: var(--color-success);--cb-function: var(--color-warning);--cb-number: var(--color-accent);--cb-button-bg: oklch(20% 0 0);--cb-button-color: var(--color-nes-light);--cb-button-hover-bg: var(--color-primary);--cb-scrollbar-track: oklch(10% 0 0);--cb-scrollbar-thumb: oklch(30% 0 0)}:is(main,article) browser-window{--browser-window-bg: var(--color-surface);--browser-window-header-bg: var(--color-primary);--browser-window-content-bg: var(--color-surface);--browser-window-border-color: var(--color-nes-black);--browser-window-text-color: var(--color-nes-white);--browser-window-text-muted: var(--color-nes-light);--browser-window-url-bg: var(--color-surface)}& table{width:100%;border-collapse:separate;border-spacing:0;box-shadow:var(--nes-border-raised);background:var(--color-surface)}& th,td{padding:.75rem;text-align:left;border-bottom:4px solid var(--color-nes-dark)}& th{background:var(--color-primary);color:var(--color-nes-white)}& tr:last-child td{border-bottom:none}::selection{background:var(--color-primary);color:var(--color-nes-white)}}:root[data-theme~=nes][data-mode=dark],[data-theme~=nes][data-mode=dark]{color-scheme:dark;--color-nes-black: oklch(0% 0 0);--color-nes-dark: oklch(25% 0 0);--color-nes-light: oklch(70% 0 0);--color-nes-white: oklch(90% 0 0);--color-surface: oklch(20% 0 0);--color-surface-alt: oklch(25% 0 0);--color-surface-raised: oklch(30% 0 0);--color-surface-sunken: oklch(10% 0 0);--color-background: oklch(15% 0 0);--color-text: oklch(90% 0 0);--color-text-muted: oklch(70% 0 0);--color-text-subtle: oklch(50% 0 0);--shadow-xs: 4px 4px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 8px 8px 0 oklch(0% 0 0)}}@layer tokens{:root[data-theme~=win9x],[data-theme~=win9x]{--win9x-bg: oklch(78% 0 0);--win9x-highlight: oklch(100% 0 0);--win9x-light: oklch(87% 0 0);--win9x-shadow: oklch(50% 0 0);--win9x-dark-shadow: oklch(0% 0 0);--win9x-title-active: oklch(25% .15 250);--win9x-title-inactive: oklch(50% 0 0);--win9x-title-text: oklch(100% 0 0);--win9x-window-bg: oklch(100% 0 0);--color-surface: var(--win9x-bg);--color-surface-alt: oklch(82% 0 0);--color-surface-raised: oklch(85% 0 0);--color-surface-sunken: oklch(70% 0 0);--color-background: oklch(30% .08 195);--color-text: oklch(0% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(50% 0 0);--color-primary: oklch(25% .15 250);--color-primary-hover: oklch(30% .17 250);--color-primary-subtle: oklch(80% .05 250);--color-accent: oklch(50% .15 250);--color-accent-hover: oklch(45% .17 250);--color-success: oklch(45% .15 145);--color-warning: oklch(75% .15 90);--color-error: oklch(50% .2 25);--color-border: var(--win9x-dark-shadow);--color-border-muted: var(--win9x-shadow);--color-border-strong: var(--win9x-dark-shadow);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--win9x-raised: inset 1px 1px 0 var(--win9x-highlight), inset 2px 2px 0 var(--win9x-light), inset -1px -1px 0 var(--win9x-dark-shadow), inset -2px -2px 0 var(--win9x-shadow);--win9x-pressed: inset 1px 1px 0 var(--win9x-dark-shadow), inset 2px 2px 0 var(--win9x-shadow), inset -1px -1px 0 var(--win9x-highlight), inset -2px -2px 0 var(--win9x-light);--win9x-sunken: inset 1px 1px 0 var(--win9x-shadow), inset 2px 2px 0 var(--win9x-dark-shadow), inset -1px -1px 0 var(--win9x-light), inset -2px -2px 0 var(--win9x-highlight);--win9x-window: inset 1px 1px 0 var(--win9x-light), inset -1px -1px 0 var(--win9x-dark-shadow), inset 2px 2px 0 var(--win9x-highlight), inset -2px -2px 0 var(--win9x-shadow);--font-sans: "Tahoma", "MS Sans Serif", Arial, sans-serif;--font-mono: "Fixedsys", "Lucida Console", monospace;--text-heading-1: 1.25rem;--text-heading-2: 1rem;--text-heading-3: .875rem;--text-heading-4: .75rem;--text-body: .6875rem;--weight-normal: 400;--weight-bold: 700;--line-height-normal: 1.4;--line-height-tight: 1.2;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--shadow-xs: 2px 2px 0 oklch(0% 0 0 / .3);--shadow-sm: 2px 2px 0 oklch(0% 0 0 / .3);--shadow-md: 4px 4px 0 oklch(0% 0 0 / .3);--shadow-lg: 4px 4px 0 oklch(0% 0 0 / .3);--shadow-xl: 6px 6px 0 oklch(0% 0 0 / .3);--shadow-2xl: 8px 8px 0 oklch(0% 0 0 / .3);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: .1s;--ease-default: linear;--ease-out: linear}:root[data-theme~=win9x],[data-theme~=win9x]{:is(main,article){.button,button{background:var(--win9x-bg);color:var(--color-text);border:none;box-shadow:var(--win9x-raised);padding:.25rem .75rem;font-family:var(--font-sans);font-size:var(--text-body);min-height:23px;cursor:pointer;&:hover{background:var(--color-surface-alt)}&:active{box-shadow:var(--win9x-pressed);padding-top:calc(.25rem + 1px);padding-left:calc(.75rem + 1px)}&:focus{outline:1px dotted var(--color-text);outline-offset:-4px}&:disabled{color:var(--win9x-shadow);text-shadow:1px 1px 0 var(--win9x-highlight);cursor:not-allowed}&.default,&[data-default=true]{outline:1px solid var(--win9x-dark-shadow);outline-offset:-1px}}}.win9x-window,dialog{background:var(--win9x-bg);border:none;box-shadow:var(--win9x-window);padding:0;max-width:90vw;&::backdrop{background:transparent}}.win9x-titlebar,dialog header{background:linear-gradient(90deg,var(--win9x-title-active),oklch(50% .1 250));color:var(--win9x-title-text);padding:2px 3px;font-family:var(--font-sans);font-size:var(--text-body);font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:.5rem;user-select:none}.win9x-titlebar[data-inactive],dialog[data-inactive] header{background:linear-gradient(90deg,var(--win9x-title-inactive),oklch(65% 0 0))}.win9x-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.win9x-buttons{display:flex;gap:2px}.win9x-btn{width:16px;height:14px;padding:0;min-height:auto;font-size:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--win9x-raised);background:var(--win9x-bg);color:var(--color-text);&:active{box-shadow:var(--win9x-pressed)}}.win9x-body,dialog .dialog-body{padding:1rem;background:var(--win9x-bg)}.win9x-content{background:var(--win9x-window-bg);box-shadow:var(--win9x-sunken);padding:.5rem}.win9x-footer,dialog footer{padding:.75rem 1rem;display:flex;gap:.5rem;justify-content:center;background:var(--win9x-bg)}.menu-bar,.win9x-menubar{display:flex;background:var(--win9x-bg);padding:2px 0;border-bottom:1px solid var(--win9x-shadow);>button,>details>summary{background:transparent;box-shadow:none;padding:2px 8px;min-height:auto;&:hover{box-shadow:var(--win9x-raised)}&:active,&[aria-expanded=true]{box-shadow:var(--win9x-pressed)}}}.win9x-menu,menu{background:var(--win9x-bg);box-shadow:var(--win9x-raised);padding:2px;margin:0;list-style:none;min-width:150px;& li{margin:0}& button,a{display:flex;align-items:center;gap:1rem;width:100%;padding:2px 1.5rem;text-align:left;background:transparent;border:none;box-shadow:none;font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);text-decoration:none;cursor:pointer;min-height:auto;&:hover{background:var(--color-primary);color:var(--win9x-title-text)}&:disabled{color:var(--win9x-shadow);text-shadow:1px 1px 0 var(--win9x-highlight)}}.shortcut{margin-left:auto;color:var(--color-text-muted)}& hr{border:none;height:2px;background:var(--win9x-shadow);box-shadow:0 1px 0 var(--win9x-highlight);margin:2px 0}}:is(main,article){& details{background:var(--win9x-bg);box-shadow:var(--win9x-raised);margin-block-end:4px}& summary{padding:.25rem .5rem;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-body);list-style:none;display:flex;align-items:center;gap:.5rem;&::-webkit-details-marker{display:none}&:before{content:"+";font-family:var(--font-mono);width:1em;text-align:center}}& details[open]>summary:before{content:"-"}& details>:not(summary){padding:.5rem;background:var(--win9x-window-bg);box-shadow:var(--win9x-sunken);margin:0 .5rem .5rem}}& input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],textarea{background:var(--win9x-window-bg);border:none;box-shadow:var(--win9x-sunken);padding:2px 4px;font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);min-height:21px;&:focus{outline:none}&::placeholder{color:var(--color-text-muted)}&:disabled{background:var(--win9x-bg);color:var(--win9x-shadow)}}& select{appearance:none;background:var(--win9x-window-bg);border:none;box-shadow:var(--win9x-sunken);padding:2px 20px 2px 4px;font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);min-height:21px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect fill='%23c0c0c0' x='0' y='0' width='16' height='16'/%3E%3Cpath fill='black' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;&:focus{outline:none}}& input[type=checkbox]{appearance:none;width:13px;height:13px;background:var(--win9x-window-bg);box-shadow:var(--win9x-sunken);cursor:pointer;position:relative;&:checked:after{content:"\2714";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--color-text)}&:focus{outline:1px dotted var(--color-text);outline-offset:2px}}& input[type=radio]{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--win9x-window-bg);box-shadow:var(--win9x-sunken);cursor:pointer;position:relative;&:checked:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:50%;background:var(--color-text)}&:focus{outline:1px dotted var(--color-text);outline-offset:2px}}& input[type=range]{appearance:none;height:21px;background:transparent;&::-webkit-slider-runnable-track{height:4px;background:var(--win9x-bg);box-shadow:var(--win9x-sunken)}&::-webkit-slider-thumb{appearance:none;width:11px;height:21px;background:var(--win9x-bg);box-shadow:var(--win9x-raised);margin-top:-8px}}& progress{appearance:none;height:16px;background:var(--win9x-bg);box-shadow:var(--win9x-sunken);border:none;&::-webkit-progress-bar{background:transparent}&::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--color-primary) 0,var(--color-primary) 8px,var(--win9x-bg) 8px,var(--win9x-bg) 10px)}&::-moz-progress-bar{background:repeating-linear-gradient(90deg,var(--color-primary) 0,var(--color-primary) 8px,var(--win9x-bg) 8px,var(--win9x-bg) 10px)}}.tabs,.win9x-tabs{display:flex;gap:0;position:relative;z-index:1;padding-left:4px}.tab,.win9x-tab{background:var(--win9x-bg);box-shadow:inset 1px 1px 0 var(--win9x-highlight),inset 2px 2px 0 var(--win9x-light),inset -1px 0 0 var(--win9x-shadow),inset -2px 0 0 var(--win9x-dark-shadow);padding:4px 12px;font-family:var(--font-sans);font-size:var(--text-body);cursor:pointer;border:none;position:relative;top:2px;margin-right:2px;&[aria-selected=true],&.active,&:checked{top:0;padding-bottom:6px;box-shadow:inset 1px 1px 0 var(--win9x-highlight),inset 2px 2px 0 var(--win9x-light),inset -1px 0 0 var(--win9x-shadow),inset -2px 0 0 var(--win9x-dark-shadow),0 2px 0 var(--win9x-bg)}}.tab-panel,.win9x-panel{background:var(--win9x-bg);box-shadow:var(--win9x-raised);padding:1rem;position:relative}.win9x-groupbox,fieldset{background:var(--win9x-bg);border:1px solid var(--win9x-shadow);box-shadow:inset 0 0 0 1px var(--win9x-highlight),0 0 0 1px var(--win9x-highlight);padding:1rem;margin:.5rem 0}& legend{background:var(--win9x-bg);padding:0 .5rem;font-family:var(--font-sans);font-size:var(--text-body)}.win9x-statusbar{display:flex;gap:2px;background:var(--win9x-bg);padding:2px;border-top:1px solid var(--win9x-shadow);box-shadow:inset 0 1px 0 var(--win9x-highlight)}.win9x-status-section{background:var(--win9x-bg);box-shadow:var(--win9x-sunken);padding:2px 8px;font-family:var(--font-sans);font-size:var(--text-body);flex:1;&:last-child{flex:none}}.win9x-toolbar{display:flex;gap:2px;background:var(--win9x-bg);padding:2px;box-shadow:var(--win9x-raised);& button{box-shadow:none;padding:2px 4px;min-height:auto;&:hover{box-shadow:var(--win9x-raised)}&:active{box-shadow:var(--win9x-pressed)}}.separator{width:2px;background:var(--win9x-shadow);box-shadow:1px 0 0 var(--win9x-highlight);margin:2px 4px}}:is(main,article){& hr{border:none;height:2px;background:var(--win9x-shadow);box-shadow:0 1px 0 var(--win9x-highlight);margin-block:1rem}& h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);margin-block-end:.5rem}& a:not([class]){color:oklch(35% .2 250);text-decoration:underline;&:visited{color:#692278}&:hover{color:oklch(50% .22 25)}}.card{background:var(--win9x-bg);box-shadow:var(--win9x-raised);padding:1rem}& pre{background:var(--win9x-window-bg);box-shadow:var(--win9x-sunken);padding:.5rem;font-family:var(--font-mono);font-size:var(--text-body);overflow-x:auto}& code{background:var(--color-surface-alt);padding:1px 4px;font-family:var(--font-mono);font-size:var(--text-body)}& pre code{background:transparent;padding:0}}:is(main,article) code-block{--cb-bg: var(--win9x-window-bg);--cb-code-bg: var(--win9x-window-bg);--cb-header-bg: var(--win9x-bg);--cb-text-color: var(--color-text);--cb-border-color: var(--win9x-shadow);--cb-label-color: var(--color-text-muted);--cb-comment: var(--color-text-muted);--cb-keyword: oklch(35% .2 250);--cb-string: oklch(40% .15 145);--cb-function: oklch(35% .15 320);--cb-number: oklch(50% .15 25);--cb-button-bg: var(--win9x-bg);--cb-button-color: var(--color-text);--cb-button-border: var(--win9x-shadow);--cb-scrollbar-track: var(--win9x-bg);--cb-scrollbar-thumb: var(--win9x-shadow)}:is(main,article) browser-window{--browser-window-bg: var(--win9x-bg);--browser-window-header-bg: linear-gradient(90deg, var(--win9x-title-active), oklch(50% .1 250));--browser-window-content-bg: var(--win9x-window-bg);--browser-window-border-color: var(--win9x-dark-shadow);--browser-window-text-color: var(--win9x-title-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: var(--win9x-window-bg);--browser-window-hover-bg: var(--color-surface-alt)}& table{width:100%;border-collapse:collapse;background:var(--win9x-window-bg);box-shadow:var(--win9x-sunken);font-size:var(--text-body)}& th,td{padding:2px 8px;text-align:left;border:1px solid var(--win9x-shadow)}& th{background:var(--win9x-bg);font-weight:700}.win9x-listview-header{display:flex;background:var(--win9x-bg);& button{flex:1;box-shadow:var(--win9x-raised);padding:2px 8px;text-align:left;min-height:auto;border-right:1px solid var(--win9x-dark-shadow);&:active{box-shadow:var(--win9x-pressed)}}}.win9x-treeview{background:var(--win9x-window-bg);box-shadow:var(--win9x-sunken);padding:2px;font-family:var(--font-sans);font-size:var(--text-body);& ul{list-style:none;margin:0;padding-left:16px}& li{position:relative;&:before{content:"";position:absolute;left:-12px;top:0;width:1px;height:100%;border-left:1px dotted var(--win9x-shadow)}&:after{content:"";position:absolute;left:-12px;top:8px;width:8px;border-top:1px dotted var(--win9x-shadow)}}}::selection{background:var(--color-primary);color:var(--win9x-title-text)}}:root[data-theme~=win9x][data-mode=dark],[data-theme~=win9x][data-mode=dark]{color-scheme:dark;--win9x-bg: oklch(30% 0 0);--win9x-highlight: oklch(50% 0 0);--win9x-light: oklch(40% 0 0);--win9x-shadow: oklch(15% 0 0);--win9x-dark-shadow: oklch(0% 0 0);--win9x-window-bg: oklch(25% 0 0);--color-surface: var(--win9x-bg);--color-surface-alt: oklch(35% 0 0);--color-background: oklch(15% .05 195);--color-text: oklch(90% 0 0);--color-text-muted: oklch(70% 0 0)}}@layer tokens{@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7ZjYYiAzcPA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=rough],[data-theme~=rough]{color-scheme:light;--theme-border-style: sketch;--theme-icon-set: lucide;--color-surface: oklch(96% .015 80);--color-surface-alt: oklch(93% .02 75);--color-surface-raised: oklch(98% .01 80);--color-surface-sunken: oklch(90% .025 70);--color-background: oklch(96% .015 80);--color-text: oklch(25% .01 60);--color-text-muted: oklch(40% .01 60);--color-text-subtle: oklch(55% .01 60);--color-primary: oklch(45% .15 250);--color-primary-hover: oklch(40% .18 250);--color-primary-subtle: oklch(92% .04 250);--color-accent: oklch(55% .2 25);--color-accent-hover: oklch(48% .22 25);--color-accent-subtle: oklch(93% .04 25);--color-border: oklch(70% .01 60);--color-border-muted: oklch(82% .01 60);--color-border-strong: oklch(45% .01 60);--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--font-sans: "Caveat", "Segoe Print", "Bradley Hand", cursive;--font-mono: "Courier New", Courier, monospace;--text-heading-1: 3rem;--text-heading-2: 2.25rem;--text-heading-3: 1.75rem;--text-heading-4: 1.375rem;--text-body: 1.125rem;--weight-normal: 400;--weight-bold: 700;--line-height-normal: 1.6;--line-height-tight: 1.2;--radius-xs: 2px;--radius-s: 3px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--radius-full: 8px;--shadow-xs: 1px 1px 0 oklch(25% .01 60 / .1);--shadow-sm: 2px 2px 0 oklch(25% .01 60 / .12);--shadow-md: 3px 3px 0 oklch(25% .01 60 / .15);--shadow-lg: 4px 4px 0 oklch(25% .01 60 / .15);--shadow-xl: 5px 5px 0 oklch(25% .01 60 / .18);--shadow-2xl: 6px 6px 0 oklch(25% .01 60 / .2);--border-width: 2px;--border-width-thick: 3px;--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--motion-hover-lift: translateY(-2px) rotate(-.5deg);--motion-hover-scale: scale(1.02) rotate(.5deg);--motion-stagger-delay: 60ms;--motion-bounce: cubic-bezier(.34, 1.56, .64, 1);--motion-smooth: cubic-bezier(.22, 1, .36, 1);--motion-elastic: cubic-bezier(.68, -.2, .32, 1.2);--motion-enter-duration: .3s;--motion-exit-duration: .2s;--filter-rough: var(--filter-rough-light);--border-roughness: 1}:root[data-theme~=rough]:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E");z-index:500}:root[data-theme~=rough],[data-theme~=rough]{:is(main,article){& hr{border:none;height:3px;margin-block:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}& h1{color:var(--color-primary);position:relative;padding-block-end:.5rem;&:after{content:"";display:block;width:80%;height:4px;margin-block-start:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(45%25 0.15 250)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}}& h2{border-block-end:2px dashed var(--color-border);padding-block-end:.5rem;text-decoration-style:wavy}& h3{font-style:italic}& a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-style:wavy;text-decoration-thickness:1.5px;text-underline-offset:3px;&:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}}.button,button{border-width:2px;box-shadow:var(--shadow-sm);transform:rotate(-.5deg);transition:transform .2s ease,box-shadow .2s ease;&:hover{transform:rotate(.5deg) translateY(-1px);box-shadow:var(--shadow-md)}&:active{transform:rotate(0) translateY(1px);box-shadow:var(--shadow-xs)}}.card{border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;&:nth-child(odd){transform:rotate(-.5deg)}&:nth-child(2n){transform:rotate(.5deg)}&:hover{transform:rotate(0) translateY(-2px);box-shadow:var(--shadow-lg)}}& blockquote{position:relative;padding:1.5rem 2rem;background:var(--color-surface-alt);border:2px solid var(--color-border);border-image:var(--border-image-sketch);border-radius:var(--radius-l);&:before{content:"";position:absolute;bottom:-12px;left:2rem;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid var(--color-border)}&:after{content:"";position:absolute;bottom:-9px;left:calc(2rem + 2px);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--color-surface-alt)}}& table{transform:rotate(-.3deg)}& details{transform:rotate(.2deg)}& input,textarea{border:2px solid var(--color-border);background:var(--color-surface-raised);&:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);outline:none}}& pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(70% .1 250 / .12) 19px,oklch(70% .1 250 / .12) 20px),#f7f1e7;border:2px solid var(--color-border);border-image:var(--border-image-sketch);box-shadow:var(--shadow-sm);color:var(--color-text);transform:rotate(.2deg)}& code{background:#f0e6da;border:1px solid var(--color-border-muted)}}& article{border:2px solid var(--color-border);border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(45%25 0.01 60)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round;padding:var(--size-xl);filter:var(--filter-rough-light)}& page-toc{border:none;filter:none}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(70% .1 250 / .1) 19px, oklch(70% .1 250 / .1) 20px ), oklch(96% .015 80);--cb-code-bg: transparent;--cb-header-bg: oklch(93% .02 75);--cb-text-color: var(--color-text);--cb-border-color: var(--color-border);--cb-comment: var(--color-text-subtle);--cb-keyword: var(--color-primary);--cb-string: var(--color-accent);--cb-function: oklch(40% .12 180);--cb-number: oklch(50% .15 25);--cb-button-bg: oklch(93% .02 75);--cb-button-color: var(--color-text-muted);--cb-button-hover-bg: var(--color-primary-subtle);--cb-scrollbar-track: oklch(93% .02 75);--cb-scrollbar-thumb: oklch(75% .01 60)}:is(main,article) browser-window{--browser-window-bg: oklch(96% .015 80);--browser-window-header-bg: oklch(93% .02 75);--browser-window-content-bg: oklch(96% .015 80);--browser-window-border-color: var(--color-border);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: oklch(98% .01 80)}::selection{background:var(--color-primary);color:#fcf8f1}--scrollbar-thumb: oklch(70% .01 60);--scrollbar-track: oklch(93% .02 75)}:root[data-theme~=rough][data-mode=dark],[data-theme~=rough][data-mode=dark]{color-scheme:dark;--color-surface: oklch(20% .02 160);--color-surface-alt: oklch(24% .025 155);--color-surface-raised: oklch(28% .02 160);--color-surface-sunken: oklch(15% .015 160);--color-background: oklch(18% .02 160);--color-text: oklch(92% .01 80);--color-text-muted: oklch(72% .01 80);--color-text-subtle: oklch(58% .01 80);--color-primary: oklch(70% .12 230);--color-primary-hover: oklch(75% .14 230);--color-primary-subtle: oklch(30% .05 230);--color-accent: oklch(78% .14 85);--color-accent-hover: oklch(83% .16 85);--color-accent-subtle: oklch(30% .05 85);--color-border: oklch(45% .02 160);--color-border-muted: oklch(35% .015 160);--color-border-strong: oklch(60% .02 160);--shadow-xs: 1px 1px 0 oklch(10% 0 0 / .2);--shadow-sm: 2px 2px 0 oklch(10% 0 0 / .25);--shadow-md: 3px 3px 0 oklch(10% 0 0 / .3);--shadow-lg: 4px 4px 0 oklch(10% 0 0 / .3);--shadow-xl: 5px 5px 0 oklch(10% 0 0 / .35);--shadow-2xl: 6px 6px 0 oklch(10% 0 0 / .4);--scrollbar-thumb: oklch(50% .02 160);--scrollbar-track: oklch(22% .02 160);& article{border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0,5 Q10,1 20,5 T40,5 M0,35 Q10,39 20,35 T40,35 M5,0 Q1,10 5,20 T5,40 M35,0 Q39,10 35,20 T35,40' fill='none' stroke='oklch(50%25 0.02 160)' stroke-width='2.5'/%3E%3C/svg%3E") 10 round}:is(main,article) h1:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='6' viewBox='0 0 200 6'%3E%3Cpath d='M0,3 Q25,0 50,3 Q75,6 100,3 Q125,0 150,3 Q175,6 200,3' fill='none' stroke='oklch(70%25 0.12 230)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) hr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='6' viewBox='0 0 400 6'%3E%3Cpath d='M0,3 C20,1 40,5 60,3 C80,1 100,5 120,3 C140,1 160,5 180,3 C200,1 220,5 240,3 C260,1 280,5 300,3 C320,1 340,5 360,3 C380,1 400,5 400,3' fill='none' stroke='oklch(60%25 0.02 160)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}:is(main,article) pre{background:repeating-linear-gradient(0deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,oklch(40% .05 160 / .15) 19px,oklch(40% .05 160 / .15) 20px),#0e1913}:is(main,article) code-block{--cb-bg: repeating-linear-gradient( 0deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), repeating-linear-gradient( 90deg, transparent, transparent 19px, oklch(40% .05 160 / .12) 19px, oklch(40% .05 160 / .12) 20px ), oklch(20% .02 160);--cb-code-bg: transparent;--cb-header-bg: oklch(24% .025 155);--cb-text-color: var(--color-text);--cb-border-color: var(--color-border);--cb-comment: var(--color-text-subtle);--cb-keyword: var(--color-primary);--cb-string: var(--color-accent);--cb-function: oklch(70% .1 180);--cb-number: oklch(78% .14 85);--cb-button-bg: oklch(28% .02 160);--cb-button-color: var(--color-text-muted);--cb-button-hover-bg: var(--color-primary-subtle);--cb-scrollbar-track: oklch(22% .02 160);--cb-scrollbar-thumb: oklch(40% .02 160)}:is(main,article) browser-window{--browser-window-bg: oklch(20% .02 160);--browser-window-header-bg: oklch(24% .025 155);--browser-window-content-bg: oklch(20% .02 160);--browser-window-border-color: var(--color-border);--browser-window-text-color: var(--color-text);--browser-window-text-muted: var(--color-text-muted);--browser-window-url-bg: oklch(28% .02 160)}}:root[data-theme~=rough][data-mode=dark]:before{opacity:.03}}@layer tokens{@media(prefers-contrast:more){:root{--color-text-muted: light-dark( oklch(30% 0 0), oklch(80% 0 0) );--color-text-subtle: light-dark( oklch(35% 0 0), oklch(75% 0 0) );--color-border: light-dark( oklch(40% 0 0), oklch(70% 0 0) );--color-border-subtle: light-dark( oklch(50% 0 0), oklch(60% 0 0) );--focus-ring-width: 3px;--shadow-xs: none;--shadow-sm: 0 1px 2px oklch(0% 0 0 / .3)}}@media(prefers-reduced-transparency){:root{--color-overlay-subtle: light-dark( oklch(95% 0 0), oklch(15% 0 0) );--color-overlay-medium: light-dark( oklch(90% 0 0), oklch(20% 0 0) );--color-overlay-strong: light-dark( oklch(85% 0 0), oklch(10% 0 0) );--backdrop-blur: 0;--glass-opacity: 1;--glass-blur: 0}}@media(forced-colors:active){:root{--color-background: Canvas;--color-surface: Canvas;--color-surface-raised: Canvas;--color-surface-sunken: Canvas;--color-text: CanvasText;--color-text-muted: CanvasText;--color-text-subtle: GrayText;--color-text-inverted: Canvas;--color-primary: LinkText;--color-primary-hover: LinkText;--color-primary-subtle: Canvas;--color-interactive: LinkText;--color-interactive-hover: LinkText;--color-accent: Highlight;--color-accent-hover: Highlight;--color-border: CanvasText;--color-border-strong: CanvasText;--color-border-subtle: GrayText;--color-border-focus: Highlight;--color-focus-ring: Highlight;--focus-ring-color: Highlight;--color-success: LinkText;--color-warning: Mark;--color-error: LinkText;--color-info: LinkText;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--border-width-thin: 1px;--border-width-medium: 2px}:root a,:root button,:root [role=button]{forced-color-adjust:none}}}@layer tokens{:root[data-theme~=a11y-high-contrast],[data-theme~=a11y-high-contrast]{color-scheme:light;--color-background: oklch(100% 0 0);--color-surface: oklch(98% 0 0);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(95% 0 0);--color-text: oklch(10% 0 0);--color-text-muted: oklch(30% 0 0);--color-text-subtle: oklch(35% 0 0);--color-text-inverted: oklch(100% 0 0);--color-text-on-primary: oklch(100% 0 0);--color-border: oklch(30% 0 0);--color-border-strong: oklch(20% 0 0);--color-border-subtle: oklch(45% 0 0);--color-border-focus: oklch(40% .25 265);--color-primary: oklch(40% .2 var(--hue-primary, 260));--color-primary-hover: oklch(35% .22 var(--hue-primary, 260));--color-primary-active: oklch(30% .2 var(--hue-primary, 260));--color-primary-subtle: oklch(90% .05 var(--hue-primary, 260));--color-secondary: oklch(40% .1 var(--hue-secondary, 200));--color-accent: oklch(45% .18 var(--hue-accent, 30));--color-interactive: var(--color-primary);--color-interactive-hover: var(--color-primary-hover);--color-success: oklch(35% .15 145);--color-success-text: oklch(25% .12 145);--color-warning: oklch(40% .15 70);--color-warning-text: oklch(30% .12 70);--color-error: oklch(40% .2 25);--color-error-text: oklch(30% .18 25);--color-info: oklch(35% .12 240);--color-info-text: oklch(25% .1 240);--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring-color: oklch(40% .25 265);--color-focus-ring: var(--focus-ring-color);--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-2xl: none;--radius-m: var(--radius-xs);--radius-l: var(--radius-s);--border-width-thin: 1px;--border-width-medium: 2px}:root[data-theme~=a11y-high-contrast][data-mode=dark],[data-theme~=a11y-high-contrast][data-mode=dark]{color-scheme:dark;--color-background: oklch(5% 0 0);--color-surface: oklch(10% 0 0);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(3% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(80% 0 0);--color-text-subtle: oklch(75% 0 0);--color-text-inverted: oklch(5% 0 0);--color-text-on-primary: oklch(5% 0 0);--color-border: oklch(75% 0 0);--color-border-strong: oklch(85% 0 0);--color-border-subtle: oklch(60% 0 0);--color-border-focus: oklch(70% .2 265);--color-primary: oklch(70% .18 var(--hue-primary, 260));--color-primary-hover: oklch(75% .2 var(--hue-primary, 260));--color-primary-subtle: oklch(20% .08 var(--hue-primary, 260));--color-secondary: oklch(70% .08 var(--hue-secondary, 200));--color-accent: oklch(70% .16 var(--hue-accent, 30));--color-success: oklch(70% .15 145);--color-success-text: oklch(80% .12 145);--color-warning: oklch(75% .15 70);--color-warning-text: oklch(85% .1 70);--color-error: oklch(70% .18 25);--color-error-text: oklch(80% .15 25);--color-info: oklch(70% .12 240);--color-info-text: oklch(80% .1 240);--focus-ring-color: oklch(70% .2 265);--color-focus-ring: var(--focus-ring-color)}@media(prefers-color-scheme:dark){:root[data-theme~=a11y-high-contrast]:not([data-mode=light]),[data-theme~=a11y-high-contrast]:not([data-mode=light]){color-scheme:dark;--color-background: oklch(5% 0 0);--color-surface: oklch(10% 0 0);--color-surface-raised: oklch(15% 0 0);--color-surface-sunken: oklch(3% 0 0);--color-text: oklch(95% 0 0);--color-text-muted: oklch(80% 0 0);--color-text-subtle: oklch(75% 0 0);--color-text-inverted: oklch(5% 0 0);--color-text-on-primary: oklch(5% 0 0);--color-border: oklch(75% 0 0);--color-border-strong: oklch(85% 0 0);--color-border-subtle: oklch(60% 0 0);--color-border-focus: oklch(70% .2 265);--color-primary: oklch(70% .18 var(--hue-primary, 260));--color-primary-hover: oklch(75% .2 var(--hue-primary, 260));--color-primary-subtle: oklch(20% .08 var(--hue-primary, 260));--focus-ring-color: oklch(70% .2 265);--color-focus-ring: var(--focus-ring-color)}}}@layer tokens{:root[data-theme~=a11y-large-text],[data-theme~=a11y-large-text]{--font-size-xs: .9375rem;--font-size-sm: 1.0625rem;--font-size-md: 1.25rem;--font-size-lg: 1.4375rem;--font-size-xl: 1.5625rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.375rem;--font-size-4xl: 2.8125rem;--font-size-5xl: 3.75rem;--font-size-00: .75rem;--font-size-0: .9375rem;--font-size-1: 1.0625rem;--font-size-2: 1.25rem;--font-size-3: 1.5625rem;--font-size-4: 1.875rem;--font-size-5: 2.5rem;--font-size-6: 3.125rem;--font-size-7: 3.75rem;--font-size-8: 4.375rem;--text-xs: var(--font-size-xs);--text-s: var(--font-size-sm);--text-m: var(--font-size-md);--text-l: var(--font-size-lg);--text-xl: var(--font-size-xl);--text-2xl: var(--font-size-2xl);--text-3xl: var(--font-size-3xl);--text-4xl: var(--font-size-4xl);--text-5xl: var(--font-size-5xl);--line-height-tight: 1.35;--line-height-snug: 1.5;--line-height-normal: 1.7;--line-height-relaxed: 1.85;--line-height-loose: 2;--leading-tight: var(--line-height-tight);--leading-snug: var(--line-height-snug);--leading-normal: var(--line-height-normal);--leading-relaxed: var(--line-height-relaxed);--leading-loose: var(--line-height-loose);--size-touch-min: 2.75rem;--size-unit: .3125rem;--size-3xs: .15625rem;--size-2xs: .3125rem;--size-xs: .625rem;--size-s: .9375rem;--size-m: 1.25rem;--size-l: 1.875rem;--size-xl: 2.5rem;--size-2xl: 3.75rem;--size-3xl: 5rem;--size-1: .3125rem;--size-2: .625rem;--size-3: 1.25rem;--size-4: 1.5625rem;--size-5: 1.875rem;--size-6: 2.1875rem;--size-7: 2.5rem;--size-8: 3.75rem;--size-9: 5rem;--size-10: 6.25rem;--space-unit: var(--size-unit);--space-3xs: var(--size-3xs);--space-2xs: var(--size-2xs);--space-xs: var(--size-xs);--space-s: var(--size-s);--space-m: var(--size-m);--space-l: var(--size-l);--space-xl: var(--size-xl);--space-2xl: var(--size-2xl);--space-3xl: var(--size-3xl);--content-narrow: 35rem;--content-normal: 55rem;--content-wide: 75rem;--measure-narrow: 40ch;--measure-normal: 60ch;--measure-wide: 75ch;--focus-ring-width: 3px;--focus-ring-offset: 3px;--radius-xs: .1875rem;--radius-s: .375rem;--radius-m: .625rem;--radius-l: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.875rem}:root[data-theme~=a11y-large-text][data-fluid],[data-theme~=a11y-large-text][data-fluid]{--size-unit: clamp(.28rem, .0857vi + .2629rem, .34rem);--font-size-xs: clamp(.88rem, -.1538vi + 1.0184rem, .9877rem);--font-size-sm: clamp(1.1rem, -.0159vi + 1.1143rem, 1.1111rem);--font-size-md: clamp(1.25rem, .1786vi + 1.2143rem, 1.375rem);--font-size-lg: clamp(1.4063rem, .4464vi + 1.317rem, 1.7188rem);--font-size-xl: clamp(1.582rem, .8092vi + 1.4202rem, 2.1484rem);--font-size-2xl: clamp(1.7798rem, 1.2939vi + 1.521rem, 2.6855rem);--font-size-3xl: clamp(2.0023rem, 1.9353vi + 1.6152rem, 3.3569rem);--font-size-4xl: clamp(2.2525rem, 2.7766vi + 1.6972rem, 4.1962rem);--font-size-5xl: clamp(2.5341rem, 3.873vi + 1.7595rem, 5.2452rem)}}@layer tokens{@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G04pIo.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt43C1KxNDXMspQ1lPyU89-1h6ONRlW45G056Ikqg.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt73C1KxNDXMspQ1lPyU89-1h6ONRlW45G8Wbc9eA.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt93C1KxNDXMspQ1lPyU89-1h6ONRlW45G056Yb_A.woff2) format("woff2")}:root[data-theme~=a11y-dyslexia],[data-theme~=a11y-dyslexia]{--font-sans: "Atkinson Hyperlegible", "Segoe UI", Verdana, Tahoma, sans-serif;--font-serif: "Atkinson Hyperlegible", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--letter-spacing-tight: 0;--letter-spacing-normal: .05em;--letter-spacing-wide: .08em;--letter-spacing-wider: .12em;--word-spacing: .16em;--line-height-none: 1.2;--line-height-tight: 1.5;--line-height-snug: 1.65;--line-height-normal: 1.8;--line-height-relaxed: 2;--line-height-loose: 2.2;--leading-tight: var(--line-height-tight);--leading-snug: var(--line-height-snug);--leading-normal: var(--line-height-normal);--leading-relaxed: var(--line-height-relaxed);--leading-loose: var(--line-height-loose);--measure-narrow: 40ch;--measure-normal: 55ch;--measure-wide: 65ch;--content-narrow: 35rem;--content-normal: 50rem;--content-wide: 65rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}:root[data-theme~=a11y-dyslexia],[data-theme~=a11y-dyslexia]{& p,li,dd,td,th,label,span:not([class]){word-spacing:var(--word-spacing);letter-spacing:var(--letter-spacing-normal)}& p,li,blockquote{text-align:left;hyphens:none}:is(main,article) :is(h1,h2,h3,h4,h5,h6){text-transform:none;letter-spacing:var(--letter-spacing-normal)}& em{font-style:normal;font-weight:var(--font-weight-semibold)}& strong{font-weight:var(--font-weight-bold)}:is(main,article) a:not([class]){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}:is(main,article) :is(ul,ol){padding-inline-start:1.5em}:is(main,article) li{margin-block-end:.5em}:is(main,article) blockquote{padding-inline-start:1.5em;border-inline-start-width:4px}& td,th{padding:.75em 1em}& label{display:block;margin-block-end:.5em;font-weight:var(--font-weight-medium)}}}@layer tokens;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html:focus-within{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}body{min-block-size:100vh;min-block-size:100dvh;line-height:var(--line-height-normal);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased}[data-theme]:not(:root),[data-mode]:not(:root){color:var(--color-text)}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:target{scroll-margin-block:5ex}@media(pointer:coarse){button,[type=button],[type=submit],[type=reset],select,input:not([type=hidden]){min-block-size:var(--size-touch-min)}}}@layer native-elements{h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--line-height-tight);text-wrap:balance}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md);font-weight:700}}@layer native-elements{p{text-wrap:pretty}strong,b{font-weight:600}em,i{font-style:italic}small{font-size:var(--font-size-sm)}mark{background:oklch(from var(--color-interactive) l c h / .2);padding-inline:var(--size-2xs);border-radius:var(--radius-s)}}@layer native-elements{a{color:var(--color-interactive);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;transition:color var(--duration-fast) var(--ease-default),text-decoration-thickness var(--duration-fast) var(--ease-default);&:hover{text-decoration-thickness:2px}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-thin);border-radius:var(--radius-s)}&:has(>img),&:has(>picture),&:has(>figure),&:has(>layout-card){text-decoration:none}}a[data-variant=muted]{color:var(--color-text-muted);&:hover{color:var(--color-text)}}a[data-variant=plain]{text-decoration:none;&:hover{text-decoration:underline}}a.muted{color:var(--color-text-muted);&:hover{color:var(--color-text)}}a.plain{text-decoration:none;&:hover{text-decoration:underline}}a[href^=http]:where(:not([data-no-icon])):after,a[href^="//"]:where(:not([data-no-icon])):after{content:"\2197";font-size:.9em;font-style:normal;opacity:.7;display:inline-block;text-decoration:none;padding-inline-start:.5em}a.external:after{content:"\2197";font-size:.9em;font-style:normal;opacity:.7;display:inline-block;text-decoration:none;padding-inline-start:.5em}a[download]:where(:not([data-no-icon])):after{content:"\2193";font-size:.9em;font-style:normal;opacity:.7;display:inline-block;text-decoration:none;padding-inline-start:.5em}a>icon-wc,a>x-icon{text-decoration:none;margin-inline-end:.35em;vertical-align:-.125em}a>icon-wc:last-child,a>x-icon:last-child{margin-inline-end:0;margin-inline-start:.35em}nav a[href^=http]:after,nav a[href^="//"]:after,nav a[download]:after,header a[href^=http]:after,header a[href^="//"]:after,footer a[href^=http]:after,footer a[href^="//"]:after,footer a[download]:after{content:none}a:has(>icon-wc:only-child):after,a:has(>x-icon:only-child):after,a:has(>svg:only-child):after,a:has(>img:only-child):after{content:none}a>icon-wc:only-child,a>x-icon:only-child{margin-inline:0}a.button{text-decoration:none;color:#fff;&:hover{text-decoration:none}&[href^=http]:after,&[href^="//"]:after,&[download]:after{content:none}}a.button.secondary{color:var(--color-interactive)}a.button.ghost{color:var(--color-text)}}@layer native-elements{code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-raised);padding-inline:var(--size-2xs);border-radius:var(--radius-s)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-surface-raised);padding:var(--size-m);border-radius:var(--radius-m);overflow-x:auto;& code{background:transparent;padding:0;font-size:inherit}}kbd{font-family:var(--font-mono);font-size:.85em;background:var(--color-surface-raised);padding:var(--size-2xs) var(--size-xs);border-radius:var(--radius-s);border:var(--border-width-thin) solid var(--color-border);box-shadow:0 1px 0 var(--color-border)}samp{font-family:var(--font-mono);font-size:.9em}var{font-style:italic}}@layer native-elements{blockquote{padding-inline-start:var(--size-m);border-inline-start:var(--border-width-thick) solid var(--color-border);color:var(--color-text-muted);font-style:italic}blockquote footer,blockquote cite{display:block;margin-block-start:var(--size-s);font-style:normal;font-size:var(--font-size-sm);&:before{content:"\2014  "}}}@layer native-elements{ul,ol{padding-inline-start:var(--size-l)}li+li{margin-block-start:var(--size-xs)}li>ul,li>ol{margin-block-start:var(--size-xs)}dl{display:block}dt{font-weight:600}dd{margin-inline-start:var(--size-l)}dd+dt{margin-block-start:var(--size-m)}ul.inline,ol.inline{display:flex;flex-wrap:wrap;gap:var(--size-s);padding-inline-start:0;list-style:none;& li{margin-block-start:0}}ul.unstyled,ol.unstyled{padding-inline-start:0;list-style:none;& li{margin-block-start:0}}[data-layout=grid]>li{margin-block-start:0}}@layer native-elements{hr{border:none;border-block-start:var(--border-width-thin) solid var(--color-border);margin-block:var(--size-xl)}hr.decorative{border:none;text-align:center;&:before{content:"\2022  \2022  \2022";color:var(--color-text-muted);letter-spacing:.5em}}}@layer native-elements{button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--size-xs);padding-block:var(--size-s);padding-inline:var(--size-m);min-block-size:var(--size-touch-min);min-inline-size:var(--size-touch-min);background:var(--color-interactive);color:#fff;border:none;border-radius:var(--radius-m);font:inherit;font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--color-interactive-hover)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-medium)}&:disabled{opacity:.5;cursor:not-allowed}&.secondary{background:transparent;color:var(--color-interactive);border:var(--border-width-thin) solid currentColor;&:hover{background:oklch(from var(--color-interactive) l c h / .1)}}&.ghost{background:transparent;color:var(--color-text);&:hover{background:var(--color-surface-raised)}}&.small{padding-block:var(--size-xs);padding-inline:var(--size-s);font-size:var(--font-size-sm)}&.large{padding-block:var(--size-m);padding-inline:var(--size-l);font-size:var(--font-size-lg)}&.full-width{inline-size:100%}}}@layer native-elements{input:not(:is([type=checkbox],[type=radio],[type=range],[type=submit],[type=button],[type=reset])),textarea,select{display:block;inline-size:100%;padding-block:var(--size-s);padding-inline:var(--size-s);min-block-size:var(--size-touch-min);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);font:inherit;transition:border-color var(--duration-fast) var(--ease-default);&:focus{outline:none;border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}&::placeholder{color:var(--color-text-muted)}&:disabled{background:var(--color-surface-raised);cursor:not-allowed}&[aria-invalid=true]{border-color:var(--color-error)}&:user-invalid{border-color:var(--color-error)}}textarea{min-block-size:8rem;resize:vertical}label{display:block;font-weight:500;margin-block-end:var(--size-xs)}label:has(input[type=checkbox]),label:has(input[type=radio]){display:inline-flex;align-items:center;gap:var(--size-xs);margin-block-end:0;cursor:pointer}fieldset{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);padding:var(--size-m)}legend{font-weight:600;padding-inline:var(--size-xs)}}@layer native-elements{input[data-switch]{appearance:none;position:relative;display:inline-block;inline-size:2.75rem;block-size:1.5rem;border-radius:var(--radius-pill, 999px);background:var(--color-border, oklch(75% 0 0));border:none;cursor:pointer;vertical-align:middle;flex-shrink:0;transition:background-color var(--duration-fast, .15s) var(--ease-default, ease)}input[data-switch]:before{content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:calc(1.5rem - 4px);block-size:calc(1.5rem - 4px);border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:translate var(--duration-fast, .15s) var(--ease-default, ease)}input[data-switch]:checked{background:var(--color-interactive, oklch(55% .2 260))}input[data-switch]:checked:before{translate:1.25rem 0}input[data-switch]:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:2px}input[data-switch]:disabled{opacity:.5;cursor:not-allowed}input[data-switch=sm]{inline-size:2rem;block-size:1.125rem}input[data-switch=sm]:before{inline-size:calc(1.125rem - 4px);block-size:calc(1.125rem - 4px)}input[data-switch=sm]:checked:before{translate:.875rem 0}input[data-switch=lg]{inline-size:3.5rem;block-size:2rem}input[data-switch=lg]:before{inline-size:calc(2rem - 4px);block-size:calc(2rem - 4px)}input[data-switch=lg]:checked:before{translate:1.5rem 0}@media(prefers-reduced-motion:reduce){input[data-switch],input[data-switch]:before{transition-duration:0s}}}@layer native-elements{details{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);+details{margin-block-start:calc(var(--border-width-thin) * -1);border-start-start-radius:0;border-start-end-radius:0}&:has(+details){border-end-start-radius:0;border-end-end-radius:0}}summary{padding:var(--size-s) var(--size-m);cursor:pointer;font-weight:500;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);min-block-size:var(--size-touch-min);&:after{content:"";inline-size:.5em;block-size:.5em;border-inline-end:var(--border-width-medium) solid currentColor;border-block-end:var(--border-width-medium) solid currentColor;transform:rotate(-45deg);transition:transform var(--duration-fast) var(--ease-default);flex-shrink:0}&::-webkit-details-marker{display:none}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1)}}details[open]>summary:after{transform:rotate(45deg)}details>:not(summary){padding-inline:var(--size-m);padding-block-end:var(--size-m)}::details-content{block-size:0;overflow-y:clip;transition:block-size var(--duration-normal) var(--ease-default),content-visibility var(--duration-normal) allow-discrete}details[open]::details-content{block-size:auto}}@layer native-elements{dialog{margin:auto;max-inline-size:min(90vw,32rem);max-block-size:85dvh;padding:0;border:none;border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-text);box-shadow:0 0 0 1px #0000000d,0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 20px 25px -5px #0000001a;overflow:hidden;&[data-size=s]{max-inline-size:min(90vw,24rem)}&[data-size=l]{max-inline-size:min(90vw,48rem)}&[data-size=full]{max-inline-size:95vw;max-block-size:95dvh;inline-size:95vw;block-size:95dvh;border-radius:var(--radius-m)}}dialog::backdrop{background:#00000080;backdrop-filter:blur(2px)}dialog:focus{outline:none}dialog[open]{animation:vb-scale-in var(--motion-enter-duration) var(--ease-out)}dialog[open]::backdrop{animation:vb-fade-in var(--motion-enter-duration) var(--ease-out)}dialog[open]{opacity:1;transform:scale(1);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}dialog[open]::backdrop{opacity:1;transition:opacity var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}@starting-style{dialog[open]{opacity:0;transform:scale(.9)}dialog[open]::backdrop{opacity:0}}@media(prefers-reduced-motion:reduce){dialog[open]{animation:none;transition:none}dialog[open]::backdrop{animation:none;transition:none}}dialog>header{padding:var(--size-m) var(--size-l);border-block-end:1px solid var(--color-border)}dialog>header>:is(h2,h3){margin:0;font-size:var(--font-size-lg)}dialog>:is(p,section,form){padding:var(--size-l)}dialog>form>footer{padding:var(--size-m) var(--size-l);margin:0;border-block-start:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--size-s);justify-content:flex-end}dialog>footer{padding:var(--size-m) var(--size-l);border-block-start:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--size-s);justify-content:flex-end}dialog>header button[type=button]:last-child{margin-inline-start:auto}dialog[data-position]{margin:0;border-radius:0;max-block-size:100dvh}dialog[data-position=end]{margin-inline-start:auto;max-inline-size:min(90vw,28rem);block-size:100dvh;border-radius:var(--radius-l) 0 0 var(--radius-l)}dialog[data-position=end][open]{animation:vb-slide-in-end var(--motion-enter-duration) var(--ease-out)}dialog[data-position=start]{margin-inline-end:auto;max-inline-size:min(90vw,28rem);block-size:100dvh;border-radius:0 var(--radius-l) var(--radius-l) 0}dialog[data-position=start][open]{animation:vb-slide-in-start var(--motion-enter-duration) var(--ease-out)}dialog[data-position=bottom]{margin-block-start:auto;max-block-size:85dvh;inline-size:100vw;max-inline-size:100vw;border-radius:var(--radius-l) var(--radius-l) 0 0}dialog[data-position=bottom][open]{animation:vb-slide-in-bottom var(--motion-enter-duration) var(--ease-out)}dialog[data-position=top]{margin-block-end:auto;max-block-size:85dvh;inline-size:100vw;max-inline-size:100vw;border-radius:0 0 var(--radius-l) var(--radius-l)}dialog[data-position=top][open]{animation:vb-slide-in-top var(--motion-enter-duration) var(--ease-out)}@keyframes vb-slide-in-end{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes vb-slide-in-start{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes vb-slide-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vb-slide-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){dialog[data-position][open]{animation:vb-fade-in var(--motion-enter-duration) var(--ease-out)}}dialog[data-position]>section,dialog[data-position]>form{overflow-y:auto;max-block-size:calc(100dvh - 8rem)}}@layer native-elements{[role=tooltip][popover]{border:none;padding:0;margin:0;background:transparent;overflow:visible;background:var(--color-gray-900);color:var(--color-gray-50);padding:var(--size-xs) var(--size-s);font-size:var(--font-size-sm);line-height:var(--line-height-normal);border-radius:var(--radius-s);max-inline-size:20rem;white-space:normal;word-wrap:break-word;opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),display var(--duration-fast) allow-discrete,overlay var(--duration-fast) allow-discrete}[role=tooltip][popover]:popover-open{opacity:1;transform:translateY(0)}@starting-style{[role=tooltip][popover]:popover-open{opacity:0;transform:translateY(4px)}}[role=tooltip][popover]{position:fixed}[role=tooltip][popover][data-anchor]{inset:auto}[role=tooltip][popover][data-anchor]:not([data-tooltip-position]),[role=tooltip][popover][data-anchor][data-tooltip-position=top]{bottom:anchor(top);left:anchor(center);translate:-50% calc(-1 * var(--size-xs))}[role=tooltip][popover][data-anchor][data-tooltip-position=bottom]{top:anchor(bottom);left:anchor(center);translate:-50% var(--size-xs)}[role=tooltip][popover][data-anchor][data-tooltip-position=left]{right:anchor(left);top:anchor(center);translate:calc(-1 * var(--size-xs)) -50%}[role=tooltip][popover][data-anchor][data-tooltip-position=right]{left:anchor(right);top:anchor(center);translate:var(--size-xs) -50%}[role=tooltip][popover]>.tooltip-arrow{position:absolute;inline-size:8px;block-size:8px;background:inherit;transform:rotate(45deg);pointer-events:none}[role=tooltip][popover]:not([data-tooltip-position]),[role=tooltip][popover][data-tooltip-position=top]{>.tooltip-arrow{inset-block-end:-4px;inset-inline-start:calc(50% - 4px)}}[role=tooltip][popover][data-tooltip-position=bottom]>.tooltip-arrow{inset-block-start:-4px;inset-inline-start:calc(50% - 4px)}[role=tooltip][popover][data-tooltip-position=left]>.tooltip-arrow{inset-inline-end:-4px;inset-block-start:calc(50% - 4px)}[role=tooltip][popover][data-tooltip-position=right]>.tooltip-arrow{inset-inline-start:-4px;inset-block-start:calc(50% - 4px)}[role=tooltip][popover]{& kbd{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 1px #fff3;color:inherit}& small{opacity:.8}& code{background:#ffffff26;color:inherit}}@media(prefers-color-scheme:dark){[role=tooltip][popover]{background:var(--color-gray-100);color:var(--color-gray-900);& kbd{background:#0000001a;border-color:#0003;box-shadow:0 1px #00000026}& code{background:#0000001a}}}[popover=hint]:not([role=tooltip]){border:none;padding:0;margin:0;overflow:visible;background:var(--color-gray-900);color:var(--color-gray-50);padding:var(--size-xs) var(--size-s);font-size:var(--font-size-sm);border-radius:var(--radius-s);max-inline-size:20rem;white-space:normal;word-wrap:break-word;position:fixed;inset:unset;position-area:block-start;margin-block-end:8px;position-try-fallbacks:flip-block;--interest-delay-start: .2s;--interest-delay-end: .1s;opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default),display var(--duration-fast) allow-discrete,overlay var(--duration-fast) allow-discrete}[popover=hint]:not([role=tooltip]):popover-open{opacity:1;transform:translateY(0)}@starting-style{[popover=hint]:not([role=tooltip]):popover-open{opacity:0;transform:translateY(4px)}}@media(prefers-color-scheme:dark){[popover=hint]:not([role=tooltip]){background:var(--color-gray-100);color:var(--color-gray-900)}}@media(prefers-reduced-motion:reduce){[role=tooltip][popover]{transition:none}[popover=hint]:not([role=tooltip]){transition:none}}}@layer native-elements{table{inline-size:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:start}th{padding:var(--size-s) var(--size-m);text-align:start;font-weight:600;color:var(--color-text);background:var(--color-surface-raised);border-block-end:var(--border-width-medium) solid var(--color-border)}td{padding:var(--size-s) var(--size-m);text-align:start;border-block-end:var(--border-width-thin) solid var(--color-border);vertical-align:top}tbody tr:hover{background:var(--color-surface-raised)}caption{padding:var(--size-s) var(--size-m);text-align:start;font-weight:500;color:var(--color-text-muted)}tfoot td{font-weight:600;background:var(--color-surface-raised);border-block-start:var(--border-width-medium) solid var(--color-border);border-block-end:none}:is(td,th)[data-numeric]{text-align:end;font-variant-numeric:tabular-nums}table:is([data-sticky=header],[data-sticky=both]) thead th{position:sticky;inset-block-start:0;z-index:1;background:var(--color-surface)}table:is([data-sticky=column],[data-sticky=both]) :is(td,th):first-child{position:sticky;inset-inline-start:0;z-index:1;background:var(--color-surface)}table[data-sticky=both] thead th:first-child{z-index:2}table[data-density=compact] :is(th,td){padding:var(--size-2xs) var(--size-xs)}table[data-density=comfortable] :is(th,td){padding:var(--size-m) var(--size-l)}[data-align=start]{text-align:start}[data-align=center]{text-align:center}[data-align=end]{text-align:end}tr[data-selected]{background:oklch(from var(--color-interactive) l c h / .15)}tr[data-selected]:hover{background:oklch(from var(--color-interactive) l c h / .25)}tr[data-disabled]{opacity:.5;pointer-events:none}tr[data-highlight]{background:oklch(from var(--color-warning) l c h / .15)}tr[data-highlight]:hover{background:oklch(from var(--color-warning) l c h / .25)}table[data-responsive=scroll]{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}table{&.striped tbody tr:nth-child(odd){background:var(--color-surface-raised)}&.striped tbody tr:nth-child(odd):hover{background:var(--color-gray-200)}&.compact :is(th,td){padding:var(--size-xs) var(--size-s)}&.bordered :is(th,td){border:var(--border-width-thin) solid var(--color-border)}}th[data-sort]{cursor:pointer;user-select:none;&:after{content:" \21c5";opacity:.3}&[data-state-sorted=asc]:after{content:" \2191";opacity:1}&[data-state-sorted=desc]:after{content:" \2193";opacity:1}}tr[data-state-hidden]{display:none}tr[data-expand-content]{background:var(--color-surface-raised);& td{padding:0}>td>div{padding:var(--size-m)}}tr[data-state-expanded]{background:var(--color-surface-raised)}[data-action=toggle-expand]{background:none;border:none;cursor:pointer;padding:var(--size-2xs);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:transform var(--duration-fast, .15s) var(--ease-default, ease),color var(--duration-fast, .15s) var(--ease-default, ease)}[data-action=toggle-expand]:hover{color:var(--color-text)}tr[data-state-expanded] [data-action=toggle-expand]{transform:rotate(90deg);color:var(--color-primary)}@media(prefers-reduced-motion:reduce){tr[data-expand-content],[data-action=toggle-expand]{transition:none}}table[data-sticky-column="2"]{border-collapse:separate;border-spacing:0;:is(td,th):nth-child(-n+2){position:sticky;background:var(--color-surface);z-index:1}:is(td,th):first-child{inset-inline-start:0}:is(td,th):nth-child(2){inset-inline-start:var(--_sticky-col-1-width, 150px)}thead th:nth-child(-n+2){z-index:2}}table-wc{container-type:inline-size;display:block}@container (max-width: 500px){table[data-responsive=card]{thead{display:none}:is(tbody,tr,td){display:block}tr{padding:var(--size-m);margin-block-end:var(--size-m);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);&[data-state-selected]{border-color:var(--color-primary);box-shadow:var(--shadow-s)}}td{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-s);border:none;padding:var(--size-xs) 0;&:before{content:attr(data-label);font-weight:600;color:var(--color-text-muted)}}}}}@layer native-elements{nav{display:block;--_link-padding: var(--size-s) var(--size-m);--_link-color: var(--color-text);--_hover-bg: transparent;--_hover-color: var(--color-interactive);--_active-bg: transparent;--_active-color: var(--color-interactive);--_gap: var(--size-xs)}nav ul,nav ol{list-style:none;margin:0;padding:0}nav li{margin:0}nav a{display:block;padding:var(--_link-padding);color:var(--_link-color);text-decoration:none;transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}nav a:hover{background:var(--_hover-bg);color:var(--_hover-color)}nav a:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1);border-radius:var(--radius-s)}nav a[aria-current=page],nav [aria-current=page]>a{background:var(--_active-bg);color:var(--_active-color);font-weight:500}nav details{border:none;border-radius:0}nav details>:not(summary){padding-inline:0;padding-block-end:0}nav{&.horizontal>ul,&.horizontal>ol{display:flex;flex-wrap:wrap;gap:var(--_gap)}&.vertical>ul,&.vertical>ol{display:flex;flex-direction:column}&.pills{--_hover-bg: var(--color-surface-raised);--_active-bg: var(--color-interactive);--_active-color: white}&.pills a{border-radius:var(--radius-full)}&.tabs{--_hover-bg: transparent;--_active-bg: transparent;border-block-end:var(--border-width-thin) solid var(--color-border)}&.tabs a{border-block-end:var(--border-width-medium) solid transparent;margin-block-end:calc(var(--border-width-thin) * -1);border-radius:0}&.tabs a:hover{border-block-end-color:var(--color-gray-400)}&.tabs a[aria-current=page],&.tabs [aria-current=page]>a{border-block-end-color:var(--color-interactive)}&.breadcrumb>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-2xs);font-size:var(--font-size-s)}&.breadcrumb li{display:flex;align-items:center;gap:var(--size-2xs)}&.breadcrumb li:not(:last-child):after{content:var(--_separator, "/");margin-inline-start:var(--size-2xs);color:var(--color-gray-400);display:inline-flex;align-items:center;line-height:1}&.breadcrumb a,&.breadcrumb span{padding:var(--size-xs);color:var(--color-text-muted);text-decoration:none}&.breadcrumb a:hover{color:var(--color-text);text-decoration:underline}&.breadcrumb [aria-current=page]{color:var(--color-text);font-weight:var(--font-weight-medium)}&.breadcrumb[data-separator=chevron]{--_separator: "\203a"}&.breadcrumb[data-separator=arrow]{--_separator: "\2192"}&.breadcrumb[data-separator=dot]{--_separator: "\b7"}&.breadcrumb[data-separator=pipe]{--_separator: "|"}&.breadcrumb [data-truncated]{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&.breadcrumb[data-collapsed] li:not(:first-child):not(:last-child):not(:nth-last-child(2)){display:none}&.breadcrumb[data-collapsed] li:nth-last-child(2):before{content:"...";margin-inline-end:var(--size-2xs);color:var(--color-gray-400)}&.minimal{--_link-padding: var(--size-xs) 0;--_link-color: var(--color-text-muted);--_hover-bg: transparent;--_hover-color: var(--color-text);--_active-bg: transparent;--_active-color: var(--color-text)}&.pagination>ul{display:flex;align-items:center;justify-content:center;gap:var(--size-2xs)}&.pagination li{display:flex}&.pagination a,&.pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding-inline:var(--size-xs);font-size:var(--font-size-s);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-m);text-decoration:none;cursor:pointer;transition:all .15s ease}&.pagination a:hover:not([disabled]):not([aria-current]),&.pagination button:hover:not([disabled]):not([aria-current]){background:var(--color-gray-100);color:var(--color-text)}&.pagination [aria-current=page]{background:var(--color-interactive);color:#fff;border-color:var(--color-interactive)}&.pagination [disabled]{opacity:.5;cursor:not-allowed}&.pagination [data-prev],&.pagination [data-next]{gap:var(--size-2xs)}&.pagination [data-ellipsis]{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;color:var(--color-text-muted);pointer-events:none}&.pagination [data-info]{font-size:var(--font-size-s);color:var(--color-text-muted);margin-inline:var(--size-s)}&.pagination[data-variant=simple] a:not([data-prev]):not([data-next]),&.pagination[data-variant=simple] button:not([data-prev]):not([data-next]):not([data-ellipsis]){display:none}&.pagination[data-variant=simple] li:has(a:not([data-prev]):not([data-next])),&.pagination[data-variant=simple] li:has(button:not([data-prev]):not([data-next]):not([data-ellipsis])){display:none}&.pagination[data-variant=compact]>ul{gap:0}&.pagination[data-variant=compact] a,&.pagination[data-variant=compact] button{border-radius:0;border-inline-start-width:0}&.pagination[data-variant=compact] li:first-child a,&.pagination[data-variant=compact] li:first-child button{border-radius:var(--radius-m) 0 0 var(--radius-m);border-inline-start-width:var(--border-width-thin)}&.pagination[data-variant=compact] li:last-child a,&.pagination[data-variant=compact] li:last-child button{border-radius:0 var(--radius-m) var(--radius-m) 0}&.pagination[data-variant=compact] a:not([aria-current]),&.pagination[data-variant=compact] button:not([aria-current]){border-color:var(--color-border)}&.pagination[data-size=sm] a,&.pagination[data-size=sm] button{min-width:1.75rem;height:1.75rem;font-size:var(--font-size-xs)}&.pagination[data-size=lg] a,&.pagination[data-size=lg] button{min-width:2.75rem;height:2.75rem;font-size:var(--font-size-m)}&.tree{--_link-color: var(--color-text-muted);--_hover-bg: var(--color-surface-raised);--_hover-color: var(--color-text);--_active-bg: transparent;--_active-color: var(--color-interactive);font-size:var(--font-size-sm)}&.tree details{margin-block-start:var(--size-2xs)}&.tree summary{cursor:pointer;padding:var(--size-xs) var(--size-s);font-weight:600;border-radius:var(--radius-s);display:flex;align-items:center;justify-content:flex-start;gap:var(--size-xs);min-block-size:auto;list-style:none;&::-webkit-details-marker{display:none}&::marker{content:none}&:after{content:none;display:none}}&.tree summary:before{content:"+";display:inline-flex;align-items:center;justify-content:center;inline-size:1.25em;block-size:1.25em;flex-shrink:0;font-family:var(--font-mono);font-size:.85em;font-weight:700;line-height:1;color:var(--color-text-muted);background:var(--color-surface-raised);border-radius:var(--radius-s);transition:background-color var(--duration-fast) var(--ease-default)}&.tree details[open]>summary:before{content:"\2212"}&.tree summary:hover:before{background:var(--color-gray-300)}&.tree summary:hover{background:var(--color-surface-raised)}&.tree summary:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1)}&.tree ul{padding-inline-start:var(--size-m);margin:0}&.tree a{padding:var(--size-2xs) var(--size-s);border-inline-start:var(--border-width-medium) solid transparent;border-radius:0 var(--radius-s) var(--radius-s) 0;margin-inline-start:calc(1.25em + var(--size-xs))}&.tree a[aria-current=page]{border-inline-start-color:var(--color-interactive)}&.tree details details{margin-inline-start:var(--size-s)}&.tree details details summary{font-weight:500;font-size:var(--font-size-sm)}&.tree[data-density=compact] summary{padding:var(--size-2xs) var(--size-xs)}&.tree[data-density=compact] a{padding:var(--size-3xs) var(--size-xs)}&.tree[data-density=compact] ul{padding-inline-start:var(--size-s)}}nav{&.steps{--_step-size: 2rem;--_step-font: var(--font-size-s);--_connector-height: 2px;--_connector-color: var(--color-border);--_connector-completed: var(--color-success);--_future-bg: var(--color-surface-raised);--_future-border: var(--color-border);--_future-color: var(--color-text-muted);--_active-bg: var(--color-interactive);--_active-border: var(--color-interactive);--_active-text: white;--_completed-bg: var(--color-success);--_completed-border: var(--color-success);--_completed-text: white}&.steps[data-size=sm]{--_step-size: 1.5rem;--_step-font: var(--font-size-xs)}&.steps[data-size=lg]{--_step-size: 2.5rem;--_step-font: var(--font-size-base)}&.steps>ol{display:flex;align-items:center;counter-reset:step}&.steps li{display:flex;align-items:center;flex:1;counter-increment:step;font-size:var(--_step-font);color:var(--_future-color);gap:var(--size-xs)}&.steps li:last-child{flex:0 0 auto}&.steps li:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--_step-size);height:var(--_step-size);border-radius:50%;background:var(--_future-bg);border:2px solid var(--_future-border);color:var(--_future-color);font-weight:600;font-size:var(--_step-font);line-height:1}&.steps li:not(:last-child):after{content:"";flex:1;height:var(--_connector-height);background:var(--_connector-color);min-width:1.5rem;order:1}&.steps li>*{order:0}&.steps li:before{order:-1}&.steps li[aria-current=step]{color:var(--color-text);font-weight:var(--font-weight-semibold)}&.steps li[aria-current=step]:before{background:var(--_active-bg);border-color:var(--_active-border);color:var(--_active-text)}&.steps li[data-completed]:before{content:"\2713";background:var(--_completed-bg);border-color:var(--_completed-border);color:var(--_completed-text)}&.steps li[data-completed]{color:var(--color-text)}&.steps li[data-completed]:not(:last-child):after{background:var(--_connector-completed)}&.steps li[data-completed] a{color:var(--color-text);text-decoration:none;padding:var(--size-2xs) var(--size-xs);border-radius:var(--radius-s)}&.steps li[data-completed] a:hover{color:var(--color-interactive);background:transparent;text-decoration:underline}&.steps li[data-completed] a:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:2px}&.steps[data-labels=below]>ol{align-items:flex-start}&.steps[data-labels=below] li{flex-direction:column;align-items:center;position:relative;text-align:center;gap:var(--size-2xs)}&.steps[data-labels=below] li:not(:last-child):after{position:absolute;top:calc(var(--_step-size) / 2);left:calc(50% + var(--_step-size) / 2 + var(--size-xs));right:calc(-50% + var(--_step-size) / 2 + var(--size-xs));width:auto;min-width:0;flex:none;order:0}&.steps[data-direction=vertical]>ol{flex-direction:column;align-items:flex-start}&.steps[data-direction=vertical] li{flex:0 0 auto;position:relative;padding-block-end:var(--size-m)}&.steps[data-direction=vertical] li:last-child{padding-block-end:0}&.steps[data-direction=vertical] li:not(:last-child):after{position:absolute;left:calc(var(--_step-size) / 2);top:var(--_step-size);width:var(--_connector-height);height:calc(100% - var(--_step-size));min-width:0;flex:none;order:0}}.pagination-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--size-m);padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m)}.pagination-info{font-size:var(--font-size-s);color:var(--color-text-muted);& strong{color:var(--color-text);font-weight:var(--font-weight-medium)}}.page-size-selector{display:flex;align-items:center;justify-self:end;gap:var(--size-xs);font-size:var(--font-size-s);color:var(--color-text-muted);& label{display:inline;margin-block-end:0}& select{display:inline;inline-size:auto;padding:var(--size-2xs) var(--size-xs);font-size:var(--font-size-s);min-block-size:auto}}@container (max-width: 500px){.pagination-bar{grid-template-columns:1fr;justify-items:center;text-align:center}.pagination-bar nav.pagination{order:-1}.pagination-bar .page-size-selector{justify-self:center}}nav dropdown-wc{display:inline-flex}nav dropdown-wc [data-trigger]{display:inline-flex;align-items:center;gap:var(--size-2xs);padding:var(--_link-padding);color:var(--_link-color);text-decoration:none;border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);&:hover{background:var(--_hover-bg);color:var(--_hover-color)}&[aria-expanded=true]{background:var(--_hover-bg);color:var(--_hover-color)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1)}}nav dropdown-wc [data-trigger][aria-current=true]{color:var(--color-interactive)}nav dropdown-wc [data-trigger]:after{content:"";display:inline-block;width:.4em;height:.4em;margin-inline-start:var(--size-3xs);border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg) translateY(-25%);opacity:.6;transition:transform var(--duration-fast) var(--ease-default)}nav dropdown-wc [data-trigger][aria-expanded=true]:after{transform:rotate(-135deg) translateY(-25%)}nav dropdown-wc menu{min-inline-size:12rem}nav dropdown-wc menu a{display:block;padding:var(--size-xs) var(--size-m);color:var(--color-text);text-decoration:none;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--color-surface-raised);color:var(--color-interactive)}}@media(max-width:768px){nav dropdown-wc menu{display:none}}}@layer native-elements{img{max-inline-size:100%;block-size:auto;display:block;vertical-align:middle}picture{display:block}picture>img{inline-size:100%}img.full{inline-size:100%;block-size:auto}img.contain{object-fit:contain}img.cover{object-fit:cover}img.rounded{border-radius:var(--radius-m)}img.circle{border-radius:var(--radius-full);aspect-ratio:1;object-fit:cover}img.thumbnail{padding:var(--size-2xs);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s)}img.ratio-square{aspect-ratio:1;object-fit:cover}img.ratio-video{aspect-ratio:16 / 9;object-fit:cover}img.ratio-portrait{aspect-ratio:3 / 4;object-fit:cover}img.ratio-landscape{aspect-ratio:4 / 3;object-fit:cover}img[loading=lazy]{background:var(--color-surface-raised)}img:not([src]),img[src=""]{background:var(--color-surface-raised);min-block-size:100px;&:before{content:"";display:block}}}@layer native-elements{video{max-inline-size:100%;block-size:auto;display:block;background:var(--color-gray-900)}audio{display:block;inline-size:100%;max-inline-size:100%}video.full{inline-size:100%;block-size:auto}video.widescreen{aspect-ratio:16 / 9;object-fit:cover}video.standard{aspect-ratio:4 / 3;object-fit:cover}video.ultrawide{aspect-ratio:21 / 9;object-fit:cover}video.square{aspect-ratio:1;object-fit:cover}video.rounded{border-radius:var(--radius-m);overflow:hidden}audio.minimal{block-size:2.5rem}audio.compact{max-inline-size:300px}source,track{display:none}}@layer native-elements{iframe{display:block;border:none;max-inline-size:100%}.embed-responsive{position:relative;inline-size:100%;aspect-ratio:16 / 9;>iframe{position:absolute;inset:0;inline-size:100%;block-size:100%}}.embed-responsive.ratio-16x9{aspect-ratio:16 / 9}.embed-responsive.ratio-4x3{aspect-ratio:4 / 3}.embed-responsive.ratio-1x1{aspect-ratio:1}.embed-responsive.ratio-21x9{aspect-ratio:21 / 9}iframe.full{inline-size:100%;block-size:auto}iframe.fixed{block-size:400px}iframe.rounded{border-radius:var(--radius-m);overflow:hidden}iframe.bordered{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s)}embed,object{display:block;max-inline-size:100%}map{display:inline}area{display:none}}@layer native-elements{canvas{display:block;max-inline-size:100%}canvas.full{inline-size:100%;block-size:auto}canvas.fixed{inline-size:100%;block-size:400px}.canvas-responsive{position:relative;inline-size:100%;aspect-ratio:16 / 9;>canvas{position:absolute;inset:0;inline-size:100%;block-size:100%}}canvas.interactive{cursor:crosshair}canvas.drawing{cursor:crosshair;touch-action:none}canvas.bordered{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s)}canvas.loading{background:var(--color-surface-raised);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--color-border) 10px,var(--color-border) 11px)}}@layer native-elements{svg{display:inline-block;vertical-align:middle;overflow:visible}svg:not([class]){max-inline-size:100%;block-size:auto}svg.xs{inline-size:.75rem;block-size:.75rem}svg.s{inline-size:1rem;block-size:1rem}svg.m{inline-size:1.5rem;block-size:1.5rem}svg.l{inline-size:2rem;block-size:2rem}svg.xl{inline-size:3rem;block-size:3rem}svg.xxl{inline-size:4rem;block-size:4rem}svg.currentcolor{fill:currentColor}svg.interactive{fill:var(--color-interactive)}svg.muted{fill:var(--color-text-muted)}svg.full{inline-size:100%;block-size:auto}svg.responsive{inline-size:100%;block-size:auto;aspect-ratio:auto}svg.spin{animation:svg-spin 1s linear infinite}@keyframes svg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}svg.pulse{animation:svg-pulse 2s ease-in-out infinite}@keyframes svg-pulse{0%,to{opacity:1}50%{opacity:.5}}}@layer native-elements{form{display:block;&.stacked{display:flex;flex-direction:column;gap:var(--size-m)}&.inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--size-s)}&.grid{display:grid;grid-template-columns:minmax(100px,auto) 1fr;gap:var(--size-s) var(--size-m);align-items:center}}.group{display:flex;flex-direction:column;gap:var(--size-2xs);>label{font-weight:500;font-size:var(--font-size-sm)}&.horizontal{flex-direction:row;align-items:center;gap:var(--size-s)}}fieldset{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);padding:var(--size-m);margin:0;&.minimal{border:none;padding:0;>legend{padding:0;margin-block-end:var(--size-s);font-size:var(--font-size-md)}}}legend{padding-inline:var(--size-s);font-weight:600;font-size:var(--font-size-sm)}.actions{display:flex;gap:var(--size-s);margin-block-start:var(--size-m);&.end{justify-content:flex-end}&.between{justify-content:space-between}}.help{font-size:var(--font-size-sm);color:var(--color-text-muted)}.error{font-size:var(--font-size-sm);color:#cc272e}optgroup{font-weight:600}form header{p{color:var(--color-text-muted)}}form footer{text-align:center;p{color:var(--color-text-muted)}}fieldset.code-inputs{border:none;padding:0;margin:0;input{inline-size:3rem;block-size:3.5rem;text-align:center;font-size:var(--font-size-xl);font-weight:600}}}@layer native-elements{form[data-wizard]{--wizard-gap: var(--size-m, 1rem);display:flex;flex-direction:column;gap:var(--wizard-gap)}form[data-wizard][data-wizard-enhanced] fieldset[data-wizard-step]{display:none}form[data-wizard][data-wizard-enhanced] fieldset[data-wizard-step][data-wizard-active]{display:block}form[data-wizard][data-wizard-enhanced] fieldset[data-wizard-step][data-wizard-hidden]{display:none!important}form[data-wizard] [data-wizard-progress]{width:100%;height:var(--size-s, .5rem);border-radius:var(--radius-s, .25rem);appearance:none;background:var(--color-surface-alt, #f5f5f5);border:none}form[data-wizard] [data-wizard-progress]::-webkit-progress-bar{background:var(--color-surface-alt, #f5f5f5);border-radius:var(--radius-s, .25rem)}form[data-wizard] [data-wizard-progress]::-webkit-progress-value{background:var(--color-primary, #3b82f6);border-radius:var(--radius-s, .25rem);transition:width .3s ease}form[data-wizard] [data-wizard-progress]::-moz-progress-bar{background:var(--color-primary, #3b82f6);border-radius:var(--radius-s, .25rem)}form[data-wizard][data-wizard-enhanced]:before{content:"Step " attr(data-wizard-current) " of " attr(data-wizard-total);font-size:var(--size-s, .875rem);color:var(--color-text-muted, #6b7280);text-align:center}[data-wizard-nav]{display:flex;gap:var(--size-s, .5rem);justify-content:space-between;flex-wrap:wrap;padding-block-start:var(--size-m, 1rem);border-block-start:1px solid var(--color-border, #e5e5e5)}form[data-wizard][data-wizard-enhanced][data-wizard-current="1"] [data-wizard-prev]{visibility:hidden}form[data-wizard][data-wizard-enhanced] [data-wizard-nav] [type=submit]{display:none}form[data-wizard][data-wizard-enhanced][data-wizard-last] [data-wizard-nav] [type=submit]{display:inline-flex}form[data-wizard][data-wizard-enhanced][data-wizard-last] [data-wizard-nav] [data-wizard-next]{display:none}[data-wizard-status]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){form[data-wizard] [data-wizard-progress]::-webkit-progress-value{transition:none}}}@layer native-elements{progress{appearance:none;display:block;inline-size:100%;block-size:var(--size-s);border:none;border-radius:var(--radius-full);overflow:hidden;background:var(--color-surface-raised);&::-webkit-progress-bar{background:var(--color-surface-raised);border-radius:var(--radius-full)}&::-webkit-progress-value{background:var(--color-interactive);border-radius:var(--radius-full);transition:inline-size var(--duration-normal) var(--ease-out)}&::-moz-progress-bar{background:var(--color-interactive);border-radius:var(--radius-full)}&.xs{block-size:var(--size-3xs)}&.s{block-size:var(--size-2xs)}&.m{block-size:var(--size-s)}&.l{block-size:var(--size-m)}&.success{&::-webkit-progress-value{background:#189a30}&::-moz-progress-bar{background:#189a30}}&.warning{&::-webkit-progress-value{background:oklch(75% .18 75)}&::-moz-progress-bar{background:oklch(75% .18 75)}}&.error{&::-webkit-progress-value{background:#cc272e}&::-moz-progress-bar{background:#cc272e}}&:indeterminate{animation:progress-indeterminate 1.5s ease-in-out infinite;&::-webkit-progress-bar{background:linear-gradient(90deg,var(--color-surface-raised) 0%,var(--color-interactive) 50%,var(--color-surface-raised) 100%);background-size:200% 100%;animation:progress-indeterminate 1.5s ease-in-out infinite}}}@keyframes progress-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.labeled{display:flex;flex-direction:column;gap:var(--size-2xs);>label{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}>progress{inline-size:100%}}}@layer native-elements{meter{appearance:none;display:block;inline-size:100%;block-size:var(--size-s);border:none;border-radius:var(--radius-full);overflow:hidden;background:var(--color-surface-raised);&::-webkit-meter-bar{background:var(--color-surface-raised);border-radius:var(--radius-full);border:none}&::-webkit-meter-optimum-value{background:#189a30;border-radius:var(--radius-full)}&::-webkit-meter-suboptimum-value{background:oklch(75% .18 75);border-radius:var(--radius-full)}&::-webkit-meter-even-less-good-value{background:#cc272e;border-radius:var(--radius-full)}&::-moz-meter-bar{border-radius:var(--radius-full)}&.xs{block-size:var(--size-3xs)}&.s{block-size:var(--size-2xs)}&.m{block-size:var(--size-s)}&.l{block-size:var(--size-m)}&.segmented{background:repeating-linear-gradient(90deg,var(--color-surface-raised),var(--color-surface-raised) 9%,var(--color-surface) 9%,var(--color-surface) 10%)}}.labeled{display:flex;flex-direction:column;gap:var(--size-2xs);>label{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}>meter{inline-size:100%}}}@layer native-elements{output:not([data-empty]):not([data-loading]):not([data-error]){display:inline-block;font-family:var(--font-mono);padding:var(--size-2xs) var(--size-xs);background:var(--color-surface-raised);border-radius:var(--radius-s)}output.block{display:block;padding:var(--size-s) var(--size-m)}output.inline{padding:0;background:transparent}output.highlight{background:oklch(from var(--color-interactive) l c h / .1);color:var(--color-interactive)}output.large{font-size:var(--font-size-xl);padding:var(--size-s) var(--size-m)}output.success{background:#189a301a;color:oklch(45% .15 145)}output.warning{background:oklch(75% .18 75 / .1);color:oklch(55% .15 75)}output.error{background:#cc272e1a;color:#b32228}}@layer native-elements{input[list]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--size-s) center;padding-inline-end:var(--size-xl)}@media(prefers-color-scheme:dark){input[list]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L2 4h8z'/%3E%3C/svg%3E")}}input[list].no-arrow{background-image:none;padding-inline-end:var(--size-s)}input[list].search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='6' cy='6' r='5' fill='none' stroke='%23666' stroke-width='2'/%3E%3Cline x1='10' y1='10' x2='14' y2='14' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E");background-position:left var(--size-s) center;padding-inline-start:var(--size-xl);padding-inline-end:var(--size-s)}@media(prefers-color-scheme:dark){input[list].search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='6' cy='6' r='5' fill='none' stroke='%23999' stroke-width='2'/%3E%3Cline x1='10' y1='10' x2='14' y2='14' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E")}}datalist{display:none}}@layer native-elements{[data-rating]{display:inline-flex;align-items:center;gap:0;border:none;padding:0;margin:0}[data-rating]>legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-rating]>label>input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-rating]>label{font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-border, oklch(75% 0 0));transition:color var(--duration-fast) var(--ease-default);padding:.1em;user-select:none}[data-rating]>label:has(input:checked),[data-rating]>label:has(~label>input:checked){color:var(--color-warning, oklch(75% .15 85))}[data-rating]:hover>label:not(:hover,:has(~label:hover)){color:var(--color-border, oklch(75% 0 0))}[data-rating]:hover>label:hover,[data-rating]:hover>label:has(~label:hover){color:var(--color-warning, oklch(75% .15 85))}[data-rating]>label:has(input:focus-visible){outline:2px solid var(--color-interactive, oklch(55% .2 250));outline-offset:2px;border-radius:var(--radius-s, 2px)}[data-rating-half]>label[data-half]{display:block;overflow:hidden;width:.6em;padding:.1em 0;gap:0}[data-rating-half]>label[data-half=right]{text-indent:-.6em}[data-rating-readonly]{pointer-events:none}[data-rating-readonly]>label{cursor:default}@media(prefers-reduced-motion:reduce){[data-rating]>label{transition-duration:0s}}}@layer native-elements{article{display:block}article.blog{max-inline-size:65ch;margin-inline:auto;>header{margin-block-end:var(--size-l)}>footer{margin-block-start:var(--size-xl);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border)}}article.card{padding:var(--size-m);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m)}article.feature{display:grid;gap:var(--size-l);>header{text-align:center}}article.compact{display:flex;gap:var(--size-m);padding-block:var(--size-s);border-block-end:var(--border-width-thin) solid var(--color-border);&:last-child{border-block-end:none}}article.nested{margin-inline-start:var(--size-l);padding-inline-start:var(--size-m);border-inline-start:var(--border-width-medium) solid var(--color-border)}}@layer native-elements{aside{display:block;&.sidebar{padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m)}&.note{padding:var(--size-s) var(--size-m);font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface-raised);border-radius:var(--radius-s)}&.float{container-type:normal;float:inline-end;inline-size:40%;margin-inline-start:var(--size-l);margin-block:var(--size-s);padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m)}&.sidenote{container-type:normal;float:inline-end;clear:inline-end;inline-size:22ch;margin-inline-start:var(--size-m);margin-inline-end:calc(-1 * (22ch + var(--size-l)));margin-block:var(--size-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}}@media(max-width:80rem){aside.sidenote{float:none;inline-size:auto;margin:var(--size-xs) 0;padding:var(--size-xs) var(--size-m);border-inline-start:var(--border-width-medium) solid var(--color-border)}}}@layer native-elements{section{display:block}section.padded{padding-block:var(--size-xl)}section.full{padding-block:var(--size-2xl);padding-inline:var(--size-l)}section.contained{max-inline-size:1200px;margin-inline:auto;padding-inline:var(--size-m)}section.alt{background:var(--color-surface-raised);padding-block:var(--size-xl)}section.bordered{border-block-start:var(--border-width-thin) solid var(--color-border);padding-block-start:var(--size-xl)}section.hero{min-block-size:50vh;display:flex;flex-direction:column;justify-content:center;padding-block:var(--size-3xl);text-align:center}section.grid{display:grid;gap:var(--size-l);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}}@layer native-elements{header{display:block}header.site{display:flex;align-items:center;justify-content:space-between;gap:var(--size-m);padding-block:var(--size-m);padding-inline:var(--size-l);border-block-end:var(--border-width-thin) solid var(--color-border)}header.page{margin-block-end:var(--size-xl);padding-block-end:var(--size-m);border-block-end:var(--border-width-thin) solid var(--color-border)}header.card{padding:var(--size-m);border-block-end:var(--border-width-thin) solid var(--color-border)}header.sticky{position:sticky;inset-block-start:0;z-index:100;background:var(--color-surface)}header.transparent{position:absolute;inset-inline:0;inset-block-start:0;background:transparent}header.centered{text-align:center;>*{margin-inline:auto}}header.site nav{--_link-color: var(--color-text-muted);--_hover-color: var(--color-text);--_link-padding: var(--size-xs) var(--size-s)}header.compact{padding-block:var(--size-s);font-size:var(--font-size-sm)}}@layer native-elements{footer{display:block}footer.site{padding-block:var(--size-xl);padding-inline:var(--size-l);margin-block-start:auto;background:var(--color-surface-raised);border-block-start:var(--border-width-thin) solid var(--color-border)}footer.site nav{--_link-padding: var(--size-xs) 0;--_gap: var(--size-2xs)}footer.site a{color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}footer.site a:hover{color:var(--color-text)}footer.article{margin-block-start:var(--size-l);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}footer.card{padding:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border);background:var(--color-surface-raised)}footer.minimal{padding-block:var(--size-m);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}footer.columns{display:grid;gap:var(--size-xl);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));padding-block:var(--size-xl)}footer.sticky{position:sticky;inset-block-end:0;background:var(--color-surface);border-block-start:var(--border-width-thin) solid var(--color-border)}}@layer native-elements{main{display:block}main.contained{max-inline-size:1200px;margin-inline:auto;padding-inline:var(--size-m)}main.narrow{max-inline-size:65ch;margin-inline:auto;padding-inline:var(--size-m)}main.wide{max-inline-size:1600px;margin-inline:auto;padding-inline:var(--size-l)}main.full{inline-size:100%;padding-inline:var(--size-l)}main.with-sidebar{display:grid;gap:var(--size-xl);grid-template-columns:1fr minmax(200px,300px)}@media(max-width:768px){main.with-sidebar{grid-template-columns:1fr}}main.padded{padding-block:var(--size-xl)}main.flex{flex:1;display:flex;flex-direction:column}}@layer native-elements{address{display:block;font-style:normal}address.card{padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m)}address.inline{display:inline}address.compact{display:flex;flex-wrap:wrap;gap:var(--size-xs);font-size:var(--font-size-sm)}address.footer{font-size:var(--font-size-sm);color:var(--color-text-muted)}address.contact{display:grid;gap:var(--size-xs);& a{display:flex;align-items:center;gap:var(--size-xs)}}}@layer native-elements{hgroup{display:block}hgroup>*{margin:0}hgroup>p,hgroup>small{color:var(--color-text-muted);font-weight:400}hgroup.tight{>*:not(:first-child){margin-block-start:var(--size-2xs)}}hgroup.spaced{>*:not(:first-child){margin-block-start:var(--size-s)}}hgroup.reversed{display:flex;flex-direction:column-reverse;>*:not(:last-child){margin-block-start:var(--size-2xs)}}hgroup.centered{text-align:center}hgroup.divided{>*:not(:first-child){margin-block-start:var(--size-s);padding-block-start:var(--size-s);border-block-start:var(--border-width-thin) solid var(--color-border)}}}@layer native-elements{search{display:block;&.inline{display:flex;gap:var(--size-xs);>input{flex:1}}&.expanded{inline-size:100%;>input{inline-size:100%}}&.compact{display:flex;gap:var(--size-2xs);>input{padding-block:var(--size-xs);font-size:var(--font-size-sm)}>button{padding-block:var(--size-xs);padding-inline:var(--size-s);font-size:var(--font-size-sm)}}&.with-icon{position:relative;>input{padding-inline-start:var(--size-xl)}>svg,>.icon,>icon-wc{position:absolute;inset-inline-start:var(--size-s);inset-block-start:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}}&.rounded{>input{border-radius:var(--radius-full);padding-inline-end:var(--size-m)}&:not(.with-icon)>input{padding-inline-start:var(--size-m)}}&.header{max-inline-size:300px}}}@layer native-elements{figure{display:block;margin:0;>img,>video,>picture,>iframe,>canvas{display:block;inline-size:100%;block-size:auto}&.full{inline-size:100%}&.bordered{padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);>figcaption{margin-block-start:var(--size-s);padding-block-start:var(--size-s);border-block-start:var(--border-width-thin) solid var(--color-border)}}&.float-start{float:inline-start;max-inline-size:50%;margin-inline-end:var(--size-l);margin-block-end:var(--size-s)}&.float-end{float:inline-end;max-inline-size:50%;margin-inline-start:var(--size-l);margin-block-end:var(--size-s)}&.centered{margin-inline:auto;text-align:center}&.code{>pre{margin:0;border-radius:var(--radius-m) var(--radius-m) 0 0}>figcaption{padding:var(--size-xs) var(--size-s);background:var(--color-surface-raised);border-radius:0 0 var(--radius-m) var(--radius-m);font-family:var(--font-mono)}}&.quote{>blockquote{margin:0}>figcaption{font-style:normal;&:before{content:"\2014  "}}}}figcaption{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-block-start:var(--size-s);&.centered{text-align:center}&.end{text-align:end}&.hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0)}}}@layer native-elements{menu{display:flex;flex-wrap:wrap;gap:var(--size-xs);margin:0;padding:0;list-style:none;>li{margin:0}&.toolbar{display:flex;align-items:center;gap:var(--size-2xs);padding:var(--size-2xs);background:var(--color-surface-raised);border-radius:var(--radius-m);>li>button{padding:var(--size-xs);min-inline-size:auto;background:transparent;color:var(--color-text);&:hover{background:var(--color-surface)}}}&.vertical{flex-direction:column;gap:var(--size-2xs)}&.context{flex-direction:column;gap:0;padding:var(--size-2xs);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:0 4px 12px #00000026;min-inline-size:160px;>li>button,>li>a{display:block;inline-size:100%;padding:var(--size-xs) var(--size-s);text-align:start;background:transparent;border:none;border-radius:var(--radius-s);color:var(--color-text);text-decoration:none;cursor:pointer;&:hover{background:var(--color-surface-raised)}}>li[role=separator]{block-size:1px;margin-block:var(--size-2xs);background:var(--color-border)}}&.icons{gap:var(--size-2xs);>li>button{padding:var(--size-xs);min-inline-size:auto;aspect-ratio:1}}&.pills{>li>button,>li>a{border-radius:var(--radius-full)}}&.compact{gap:var(--size-3xs);>li>button,>li>a{padding:var(--size-2xs) var(--size-xs);font-size:var(--font-size-sm)}}}}@layer native-elements{abbr{text-decoration:underline dotted;text-decoration-color:var(--color-text-muted);cursor:help}abbr[title]:hover{text-decoration-color:var(--color-interactive)}cite{font-style:italic}dfn{font-style:italic;font-weight:500}s{text-decoration:line-through;text-decoration-color:var(--color-text-muted)}u{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#cc272e}del{text-decoration:line-through;background:#cc272e1a;text-decoration-color:#cc272e}ins{text-decoration:none;background:#189a301a;border-block-end:var(--border-width-thin) solid oklch(60% .18 145)}sub{font-size:.75em;line-height:0;position:relative;vertical-align:baseline;inset-block-end:-.25em}sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline;inset-block-end:.5em}time{font-variant-numeric:tabular-nums}data{font-family:var(--font-mono);font-size:.9em}wbr{display:inline}bdi{unicode-bidi:isolate}bdo{unicode-bidi:bidi-override}ruby{display:ruby}rt{font-size:.5em;line-height:1;ruby-align:center}rp{display:none}mark.success{background:#189a3033}mark.warning{background:oklch(75% .18 75 / .2)}mark.error{background:#cc272e33}abbr.plain{text-decoration:none}cite.quoted:before{content:"\201c"}cite.quoted:after{content:"\201d"}del.diff,ins.diff{display:inline-block;padding-inline:var(--size-2xs);border-radius:var(--radius-s)}time.relative{color:var(--color-text-muted);font-size:var(--font-size-sm)}time.datetime{font-family:var(--font-mono);font-size:.9em}sup.footnote-ref{font-size:.65em;font-weight:500;>a{text-decoration:none;padding:var(--size-3xs)}}}@layer native-elements{math{font-family:"Latin Modern Math","STIX Two Math","Cambria Math",serif;font-size:1em}math:not([display=block]){display:inline math;vertical-align:middle;line-height:0}math[display=block]{display:block math;margin-block:var(--size-l, 1.5rem);text-align:center;overflow-x:auto}mo{margin-inline:.15em}msub>:nth-child(2),msup>:nth-child(2),msubsup>:nth-child(2),msubsup>:nth-child(3){font-size:.7em}mfrac>:first-child{padding-block-end:.1em}mfrac>:last-child{padding-block-start:.1em}mi{color:var(--color-text, inherit)}mo{color:var(--color-text-muted, inherit)}mn{color:var(--color-text, inherit)}@media(prefers-color-scheme:dark){math{background:transparent;color:inherit}mrow,msqrt,mfrac,msub,msup,msubsup,munder,mover,munderover,mtable,mtr,mtd,mtext,mspace,menclose{background:transparent}}:root[data-theme=dark] math{background:transparent;color:inherit}:root[data-theme=dark] :is(mrow,msqrt,mfrac,msub,msup,msubsup,munder,mover,munderover,mtable,mtr,mtd,mtext,mspace,menclose){background:transparent}article,body{counter-reset:vb-equation}.equation{counter-increment:vb-equation;position:relative;text-align:center;margin-block:var(--size-l, 1.5rem);padding-inline-end:3.5rem;>math[display=block]{margin-block:0}&:after{content:"(" counter(vb-equation) ")";position:absolute;inset-inline-end:0;inset-block-start:50%;transform:translateY(-50%);color:var(--color-text-muted, #666);font-family:var(--font-sans, sans-serif);font-size:var(--font-size-sm, .875rem);font-variant-numeric:tabular-nums;white-space:nowrap}}figure.math{margin-inline:auto;text-align:center;>math{margin-block:0}>figcaption{margin-block-start:var(--size-s, .75rem);font-style:italic}}@media print{math[display=block]{break-inside:avoid;margin-block:1em}.equation:after{color:#333}}}@layer native-elements{[draggable=true]{cursor:grab;user-select:none}[draggable=true]:active{cursor:grabbing}[draggable=true]:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}[data-dragging]{opacity:.4;transform:scale(.97);transition:opacity .15s ease,transform .15s ease}[data-drag-over]{outline:2px dashed var(--color-interactive);outline-offset:-2px;background:color-mix(in oklab,var(--color-interactive) 5%,transparent)}[data-drop-target]{position:relative}[data-drop-target=before]:before,[data-drop-target=after]:after{content:"";position:absolute;inset-inline:0;block-size:3px;background:var(--color-interactive);border-radius:2px;pointer-events:none;z-index:1}[data-drop-target=before]:before{inset-block-start:0}[data-drop-target=after]:after{inset-block-end:0}@keyframes vb-drop-flash{0%{box-shadow:0 0 0 3px var(--color-interactive)}to{box-shadow:0 0 0 0 transparent}}[data-just-dropped]{animation:vb-drop-flash .4s var(--motion-snappy, ease) forwards}[data-reorder-mode] [aria-grabbed=true]{outline:2px solid var(--color-interactive);outline-offset:2px;box-shadow:0 2px 8px #00000026}[data-drag-disabled] [draggable]{cursor:default;opacity:.7}drag-surface[data-drag-over]:not(:has([data-drop-target])):after{content:"";display:block;flex:1;min-block-size:3rem;border:2px dashed color-mix(in oklab,var(--color-interactive) 40%,transparent);border-radius:var(--radius-s, 4px);background:color-mix(in oklab,var(--color-interactive) 8%,transparent);pointer-events:none}@media(prefers-reduced-motion:reduce){[data-dragging]{transform:none;transition:none}[data-just-dropped]{animation:none}}}@layer native-elements{:lang(zh),:lang(ja),:lang(ko){font-family:var(--font-cjk);line-height:1.8;letter-spacing:0;word-break:break-all;overflow-wrap:normal}:lang(ja){font-feature-settings:"palt" 1}:lang(ar),:lang(fa),:lang(ur),:lang(ps){font-family:var(--font-arabic);line-height:1.9;letter-spacing:normal;word-spacing:.05em;text-align:start}:lang(he),:lang(yi){font-family:var(--font-hebrew);line-height:1.75;letter-spacing:normal}:lang(th){font-family:var(--font-thai);line-height:2;word-break:normal;overflow-wrap:break-word}:lang(hi),:lang(mr),:lang(sa),:lang(ne){font-family:var(--font-devanagari);line-height:1.75}:lang(ja) rt,:lang(zh) rt,:lang(ko) rt{font-family:var(--font-cjk)}:root[data-ruby=show] rt{display:block}:root[data-ruby=hide] rt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root[data-ruby=auto] rt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root[data-ruby=auto]:lang(ja) rt,:root[data-ruby=auto]:lang(zh) rt,:root[data-ruby=auto]:lang(ko) rt,:root[data-ruby=auto] :lang(ja) rt,:root[data-ruby=auto] :lang(zh) rt,:root[data-ruby=auto] :lang(ko) rt{position:static;width:auto;height:auto;padding:initial;margin:initial;overflow:visible;clip:auto;white-space:normal}q{quotes:"\201c" "\201d" "\2018" "\2019"}:lang(de) q{quotes:"\201e" "\201c" "\201a" "\2018"}:lang(fr) q{quotes:"\ab" "\bb" "\2039" "\203a"}:lang(ja) q{quotes:"\300c" "\300d" "\300e" "\300f"}:lang(zh) q{quotes:"\300c" "\300d" "\300e" "\300f"}:lang(ru) q{quotes:"\ab" "\bb" "\201e" "\201c"}q:before{content:open-quote}q:after{content:close-quote}code,kbd,samp,pre,var{translate:no}[dir=rtl]{unicode-bidi:embed}[dir=auto]{unicode-bidi:isolate}[data-numeric=tabular]{font-variant-numeric:tabular-nums}[data-numeric=proportional]{font-variant-numeric:proportional-nums}}@layer native-elements;@layer custom-elements{layout-stack{display:flex;flex-direction:column;gap:var(--_gap, var(--size-m));&[data-layout-gap=none]{--_gap: 0}&[data-layout-gap="3xs"]{--_gap: var(--size-3xs)}&[data-layout-gap="2xs"]{--_gap: var(--size-2xs)}&[data-layout-gap=xs]{--_gap: var(--size-xs)}&[data-layout-gap=s]{--_gap: var(--size-s)}&[data-layout-gap=m]{--_gap: var(--size-m)}&[data-layout-gap=l]{--_gap: var(--size-l)}&[data-layout-gap=xl]{--_gap: var(--size-xl)}&[data-layout-gap="2xl"]{--_gap: var(--size-2xl)}&[data-layout-gap="3xl"]{--_gap: var(--size-3xl)}&[data-layout-align=start]{align-items:flex-start}&[data-layout-align=center]{align-items:center}&[data-layout-align=end]{align-items:flex-end}&[data-layout-align=stretch]{align-items:stretch}}}@layer custom-elements{layout-card{display:block;padding:var(--_padding, var(--size-m));background:var(--color-surface);border-radius:var(--radius-l);box-shadow:0 1px 3px #0000001a;container-type:inline-size;&[data-variant=elevated]{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d}&[data-variant=outlined]{box-shadow:none;border:var(--border-width-thin) solid var(--color-border)}&[data-variant=ghost]{box-shadow:none;background:transparent}&[data-padding=none]{--_padding: 0}&[data-padding=s]{--_padding: var(--size-s)}&[data-padding=m]{--_padding: var(--size-m)}&[data-padding=l]{--_padding: var(--size-l)}&[data-padding=xl]{--_padding: var(--size-xl)}&[data-max=narrow]{max-inline-size:var(--content-narrow, 45rem);inline-size:100%;align-self:center}&[data-max=content]{max-inline-size:var(--content-width, 65rem);inline-size:100%;align-self:center}&[data-max=wide]{max-inline-size:var(--content-wide, 90rem);inline-size:100%;align-self:center}layout-card{background:var(--color-surface-raised)}&:has(>:is(header,section,footer)){display:grid;grid-template:"header" auto "content" 1fr "footer" auto / 1fr;overflow:hidden;padding:0}}layout-card:has(>:is(header,section,footer)){>:is(header,[slot=header]){grid-area:header;padding:var(--size-m) var(--size-l);border-block-end:1px solid var(--color-border)}>:is(section,[slot=content]){grid-area:content;padding:var(--size-l)}>:is(footer,[slot=footer]){grid-area:footer;padding:var(--size-m) var(--size-l);border-block-start:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--size-s);justify-content:flex-end}>:not(:is(header,section,footer,[slot])){grid-area:content;padding:var(--size-l)}>:is(header,[slot=header])>:is(h1,h2,h3,h4,h5,h6){margin:0;font-size:var(--font-size-lg)}}layout-card:has(>:is(header,section,footer)){&[data-padding=none]{>:is(header,[slot=header]){padding:0;border:none}>:is(section,[slot=content]){padding:0}>:is(footer,[slot=footer]){padding:0;border:none}>:not(:is(header,section,footer,[slot])){padding:0}}&[data-padding=s]{>:is(header,[slot=header]){padding:var(--size-xs) var(--size-s)}>:is(section,[slot=content]){padding:var(--size-s)}>:is(footer,[slot=footer]){padding:var(--size-xs) var(--size-s)}>:not(:is(header,section,footer,[slot])){padding:var(--size-s)}}&[data-padding=l]{>:is(header,[slot=header]){padding:var(--size-l) var(--size-xl)}>:is(section,[slot=content]){padding:var(--size-xl)}>:is(footer,[slot=footer]){padding:var(--size-l) var(--size-xl)}>:not(:is(header,section,footer,[slot])){padding:var(--size-xl)}}&[data-padding=xl]{>:is(header,[slot=header]){padding:var(--size-xl) var(--size-2xl)}>:is(section,[slot=content]){padding:var(--size-2xl)}>:is(footer,[slot=footer]){padding:var(--size-xl) var(--size-2xl)}>:not(:is(header,section,footer,[slot])){padding:var(--size-2xl)}}}[data-layout-subgrid]>layout-card:has(>:is(header,section,footer)){grid-template-rows:subgrid}layout-card:has(>:is(header,section,footer)){@container (max-width: 300px){>:is(header,[slot=header]){padding:var(--size-s)}>:is(section,[slot=content]),>:not(:is(header,section,footer,[slot])){padding:var(--size-s)}>:is(footer,[slot=footer]){padding:var(--size-s);flex-direction:column}>:is(header,[slot=header])>:is(h1,h2,h3,h4,h5,h6){font-size:var(--font-size-base)}}}}@layer custom-elements{[data-layout=stack]{display:flex;flex-direction:column;gap:var(--_gap, var(--size-m))}[data-layout=stack][data-layout-gap=none]{--_gap: 0}[data-layout=stack][data-layout-gap="3xs"]{--_gap: var(--size-3xs)}[data-layout=stack][data-layout-gap="2xs"]{--_gap: var(--size-2xs)}[data-layout=stack][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=stack][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=stack][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=stack][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=stack][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=stack][data-layout-gap="2xl"]{--_gap: var(--size-2xl)}[data-layout=stack][data-layout-gap="3xl"]{--_gap: var(--size-3xl)}[data-layout=stack][data-layout-align=start]{align-items:flex-start}[data-layout=stack][data-layout-align=center]{align-items:center}[data-layout=stack][data-layout-align=end]{align-items:flex-end}[data-layout=stack][data-layout-align=stretch]{align-items:stretch}[data-layout=cluster]{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-s));align-items:var(--_align, center)}[data-layout=cluster][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=cluster][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=cluster][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=cluster][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=cluster][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=cluster][data-layout-gap="2xl"]{--_gap: var(--size-2xl)}[data-layout=cluster][data-layout-justify=start]{justify-content:flex-start}[data-layout=cluster][data-layout-justify=end]{justify-content:flex-end}[data-layout=cluster][data-layout-justify=center]{justify-content:center}[data-layout=cluster][data-layout-justify=between]{justify-content:space-between}[data-layout=cluster][data-layout-align=start]{--_align: flex-start}[data-layout=cluster][data-layout-align=end]{--_align: flex-end}[data-layout=cluster][data-layout-align=center]{--_align: center}[data-layout=cluster][data-layout-align=stretch]{--_align: stretch}[data-layout=cluster][data-layout-align=baseline]{--_align: baseline}[data-layout=cluster][data-layout-nowrap]{flex-wrap:nowrap}[data-layout=cluster][data-layout-overlap]{flex-direction:row-reverse;justify-content:flex-end;gap:0}[data-layout=cluster][data-layout-overlap]>*{margin-inline-start:var(--_overlap, -.5rem);box-shadow:0 0 0 2px var(--color-surface)}[data-layout=cluster][data-layout-overlap]>:last-child{margin-inline-start:0}[data-layout=cluster][data-layout-overlap=xs]{--_overlap: -.25rem}[data-layout=cluster][data-layout-overlap=s]{--_overlap: -.5rem}[data-layout=cluster][data-layout-overlap=m]{--_overlap: -.75rem}[data-layout=cluster][data-layout-overlap=l]{--_overlap: -1rem}[data-layout=grid]{display:grid;gap:var(--_gap, var(--size-m));grid-template-columns:repeat(auto-fit,minmax(var(--_min, 15rem),1fr))}[data-layout=grid][data-layout-min="6rem"]{--_min: 6rem}[data-layout=grid][data-layout-min="8rem"]{--_min: 8rem}[data-layout=grid][data-layout-min="10rem"]{--_min: 10rem}[data-layout=grid][data-layout-min="12rem"]{--_min: 12rem}[data-layout=grid][data-layout-min="15rem"]{--_min: 15rem}[data-layout=grid][data-layout-min="18rem"]{--_min: 18rem}[data-layout=grid][data-layout-min="20rem"]{--_min: 20rem}[data-layout=grid][data-layout-min="25rem"]{--_min: 25rem}[data-layout=grid][data-layout-min="150px"]{--_min: 150px}[data-layout=grid][data-layout-min="200px"]{--_min: 200px}[data-layout=grid][data-layout-min="250px"]{--_min: 250px}[data-layout=grid][data-layout-min="280px"]{--_min: 280px}[data-layout=grid][data-layout-min="300px"]{--_min: 300px}[data-layout=grid][data-layout-min="400px"]{--_min: 400px}[data-layout=grid][data-layout-gap=none]{--_gap: 0}[data-layout=grid][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=grid][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=grid][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=grid][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=grid][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=grid][data-layout-subgrid]>*{display:grid;grid-row:span 3;grid-template-rows:subgrid}[data-layout=grid][data-layout-subgrid]>layout-card:has(>:is(header,section,footer)){grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){[data-layout=grid][data-layout-subgrid]>*{grid-row:auto}}[data-layout=center]{display:block;box-sizing:content-box;max-inline-size:var(--_max, var(--content-normal, 60rem));margin-inline:auto;padding-inline:var(--size-m)}[data-layout=center][data-layout-max=narrow]{--_max: var(--content-narrow, 45rem)}[data-layout=center][data-layout-max=normal]{--_max: var(--content-normal, 60rem)}[data-layout=center][data-layout-max=wide]{--_max: var(--content-wide, 80rem)}[data-layout=center][data-layout-max=prose]{--_max: 65ch}[data-layout=center][data-layout-intrinsic]{display:flex;flex-direction:column;align-items:center}[data-layout=center][data-layout-text]{text-align:center}[data-layout=center][data-layout-gutter=none]{padding-inline:0}[data-layout=center][data-layout-gutter=s]{padding-inline:var(--size-s)}[data-layout=center][data-layout-gutter=l]{padding-inline:var(--size-l)}[data-layout=center][data-layout-gap]{display:flex;flex-direction:column;inline-size:100%}[data-layout=center][data-layout-gap=none]{gap:0}[data-layout=center][data-layout-gap="3xs"]{gap:var(--size-3xs)}[data-layout=center][data-layout-gap="2xs"]{gap:var(--size-2xs)}[data-layout=center][data-layout-gap=xs]{gap:var(--size-xs)}[data-layout=center][data-layout-gap=s]{gap:var(--size-s)}[data-layout=center][data-layout-gap=m]{gap:var(--size-m)}[data-layout=center][data-layout-gap=l]{gap:var(--size-l)}[data-layout=center][data-layout-gap=xl]{gap:var(--size-xl)}[data-layout=center][data-layout-gap="2xl"]{gap:var(--size-2xl)}[data-layout=center][data-layout-gap="3xl"]{gap:var(--size-3xl)}[data-layout=page-stack]{display:flex;flex-direction:column;min-height:100dvh}[data-layout=page-stack]>main{flex:1}[data-layout=split]{display:grid;grid-template-columns:var(--_ratio, 1fr 1fr);gap:var(--_gap, var(--size-xl));align-items:center}[data-layout=split][data-layout-ratio="2:1"]{--_ratio: 2fr 1fr}[data-layout=split][data-layout-ratio="1:2"]{--_ratio: 1fr 2fr}[data-layout=split][data-layout-ratio="3:1"]{--_ratio: 3fr 1fr}[data-layout=split][data-layout-ratio="1:3"]{--_ratio: 1fr 3fr}[data-layout=split][data-layout-ratio=golden]{--_ratio: 1.618fr 1fr}[data-layout=split][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=split][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=split][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=split][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=split][data-layout-align=start]{align-items:start}[data-layout=split][data-layout-align=center]{align-items:center}[data-layout=split][data-layout-align=end]{align-items:end}[data-layout=split][data-layout-align=stretch]{align-items:stretch}[data-layout=split][data-layout-fill]{min-block-size:100dvh}[data-layout=split][data-layout-gap=none]{--_gap: 0}@media(max-width:48rem){[data-layout=split]:not([data-layout-nowrap]){grid-template-columns:1fr}}[data-layout=sidebar]{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-m))}[data-layout=sidebar]>nav,[data-layout=sidebar]>aside{flex-basis:var(--_sidebar-width, 15rem);flex-grow:1}[data-layout=sidebar]>main,[data-layout=sidebar]>article,[data-layout=sidebar]>section:not([data-layout]){flex-basis:0;flex-grow:999;min-inline-size:var(--_content-min, 50%)}[data-layout=sidebar]:not(:has(>nav,>aside))>:first-child{flex-basis:var(--_sidebar-width, 15rem);flex-grow:1}[data-layout=sidebar]:not(:has(>nav,>aside))>:last-child{flex-basis:0;flex-grow:999;min-inline-size:var(--_content-min, 50%)}[data-layout=sidebar][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=sidebar][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=sidebar][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=sidebar][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=sidebar][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=sidebar][data-layout-gap="2xl"]{--_gap: var(--size-2xl)}[data-layout=sidebar][data-layout-side=end]>nav,[data-layout=sidebar][data-layout-side=end]>aside{order:1}[data-layout=sidebar][data-layout-side=end]:not(:has(>nav,>aside)){flex-direction:row-reverse}[data-layout=sidebar][data-layout-sidebar-width=narrow]{--_sidebar-width: 12rem}[data-layout=sidebar][data-layout-sidebar-width=normal]{--_sidebar-width: 15rem}[data-layout=sidebar][data-layout-sidebar-width=wide]{--_sidebar-width: 20rem}[data-layout=sidebar][data-layout-content-min="40"]{--_content-min: 40%}[data-layout=sidebar][data-layout-content-min="50"]{--_content-min: 50%}[data-layout=sidebar][data-layout-content-min="60"]{--_content-min: 60%}[data-layout=sidebar][data-layout-nowrap]{flex-wrap:nowrap}[data-layout=holy-grail]{display:grid;grid-template-areas:"header header header" "nav    main   aside" "footer footer footer";grid-template-columns:minmax(10rem,15rem) 1fr minmax(10rem,20rem);grid-template-rows:auto 1fr auto;min-height:100dvh}[data-layout=holy-grail]>header{grid-area:header}[data-layout=holy-grail]>nav{grid-area:nav}[data-layout=holy-grail]>main{grid-area:main}[data-layout=holy-grail]>aside{grid-area:aside}[data-layout=holy-grail]>footer{grid-area:footer}[data-layout=holy-grail]:not(:has(>aside)){grid-template-areas:"header header" "nav    main" "footer footer";grid-template-columns:minmax(10rem,15rem) 1fr}[data-layout=holy-grail]:not(:has(>nav)){grid-template-areas:"header header" "main   aside" "footer footer";grid-template-columns:1fr minmax(10rem,20rem)}[data-layout=holy-grail]:not(:has(>nav)):not(:has(>aside)){grid-template-areas:"header" "main" "footer";grid-template-columns:1fr}@media(max-width:60rem){[data-layout=holy-grail]{grid-template-areas:"header" "nav" "main" "aside" "footer";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto}[data-layout=holy-grail]:not(:has(>aside)){grid-template-areas:"header" "nav" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}[data-layout=holy-grail]:not(:has(>nav)){grid-template-areas:"header" "main" "aside" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto}[data-layout=holy-grail]:not(:has(>nav)):not(:has(>aside)){grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto}}[data-layout=dashboard]{display:grid;grid-template-areas:"header header" "nav    main";grid-template-columns:var(--_sidebar-width, 16rem) 1fr;grid-template-rows:auto 1fr;min-height:100dvh}[data-layout=dashboard]>header{grid-area:header;position:sticky;top:0;z-index:10}[data-layout=dashboard]>nav{grid-area:nav;align-self:start;position:sticky;top:0;max-height:100dvh;overflow-y:auto}[data-layout=dashboard]>main{grid-area:main}[data-layout=dashboard][data-layout-sidebar-width=narrow]{--_sidebar-width: 12rem}[data-layout=dashboard][data-layout-sidebar-width=normal]{--_sidebar-width: 16rem}[data-layout=dashboard][data-layout-sidebar-width=wide]{--_sidebar-width: 20rem}[data-layout=dashboard][data-header-height="3rem"]{--_header-height: 3rem}[data-layout=dashboard][data-header-height="3.5rem"]{--_header-height: 3.5rem}[data-layout=dashboard][data-header-height="4rem"]{--_header-height: 4rem}@media(max-width:48rem){[data-layout=dashboard]{grid-template-areas:"header" "main";grid-template-columns:1fr}[data-layout=dashboard]>nav{position:fixed;inset-block-start:var(--_header-height, 3.5rem);inset-block-end:0;inset-inline-start:0;width:var(--_sidebar-width, 16rem);transform:translate(-100%);transition:transform .2s ease-out;background:var(--color-surface);z-index:20}[data-layout=dashboard][data-nav-open]>nav{transform:translate(0)}}[data-layout=cover]{display:flex;flex-direction:column;min-block-size:var(--_min-height, 100dvh);padding:var(--_padding, var(--size-m))}[data-layout=cover][data-layout-min="50vh"]{--_min-height: 50vh}[data-layout=cover][data-layout-min="75vh"]{--_min-height: 75vh}[data-layout=cover][data-layout-min="100vh"]{--_min-height: 100vh}[data-layout=cover][data-layout-min="100dvh"]{--_min-height: 100dvh}[data-layout=cover][data-layout-min="60vh"]{--_min-height: 60vh}[data-layout=cover][data-layout-min="70vh"]{--_min-height: 70vh}[data-layout=cover][data-layout-min="80vh"]{--_min-height: 80vh}[data-layout=cover][data-layout-min=auto]{--_min-height: auto}[data-layout=cover][data-layout-padding=none]{--_padding: 0}[data-layout=cover][data-layout-padding=s]{--_padding: var(--size-s)}[data-layout=cover][data-layout-padding=m]{--_padding: var(--size-m)}[data-layout=cover][data-layout-padding=l]{--_padding: var(--size-l)}[data-layout=cover][data-layout-padding=xl]{--_padding: var(--size-xl)}[data-layout=cover][data-layout-gap=s]{gap:var(--size-s)}[data-layout=cover][data-layout-gap=m]{gap:var(--size-m)}[data-layout=cover][data-layout-gap=l]{gap:var(--size-l)}[data-layout=cover]>[data-layout-principal]{margin-block:auto}[data-layout=cover]>header,[data-layout=cover]>[data-layout-cover-top]{margin-block-end:auto}[data-layout=cover]>footer,[data-layout=cover]>[data-layout-cover-bottom]{margin-block-start:auto}[data-layout=cover]>:only-child{margin-block:auto}[data-layout=cover][data-layout-nospace]{padding:0}[data-layout=cover][data-layout-centered]{align-items:center;text-align:center}[data-layout=switcher]{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-m))}[data-layout=switcher]>*{flex-grow:1;flex-basis:calc((var(--_threshold, 30rem) - 100%) * 999)}[data-layout=switcher][data-layout-gap=none]{--_gap: 0}[data-layout=switcher][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=switcher][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=switcher][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=switcher][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=switcher][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=switcher][data-layout-threshold="20rem"]{--_threshold: 20rem}[data-layout=switcher][data-layout-threshold="25rem"]{--_threshold: 25rem}[data-layout=switcher][data-layout-threshold="30rem"]{--_threshold: 30rem}[data-layout=switcher][data-layout-threshold="35rem"]{--_threshold: 35rem}[data-layout=switcher][data-layout-threshold="40rem"]{--_threshold: 40rem}[data-layout=switcher][data-layout-threshold="45rem"]{--_threshold: 45rem}[data-layout=switcher][data-layout-limit="2"]>:nth-last-child(n+3),[data-layout=switcher][data-layout-limit="2"]>:nth-last-child(n+3)~*{flex-basis:100%}[data-layout=switcher][data-layout-limit="3"]>:nth-last-child(n+4),[data-layout=switcher][data-layout-limit="3"]>:nth-last-child(n+4)~*{flex-basis:100%}[data-layout=switcher][data-layout-limit="4"]>:nth-last-child(n+5),[data-layout=switcher][data-layout-limit="4"]>:nth-last-child(n+5)~*{flex-basis:100%}[data-layout=switcher][data-layout-reverse]{flex-direction:row-reverse}[data-layout=switcher][data-layout-reverse][data-layout-threshold]{flex-wrap:wrap-reverse}[data-layout=prose]{max-inline-size:65ch}[data-layout=prose][data-layout-max=narrow]{max-inline-size:45ch}[data-layout=prose][data-layout-max=normal]{max-inline-size:65ch}[data-layout=prose][data-layout-max=wide]{max-inline-size:80ch}[data-layout=prose][data-layout-centered]{margin-inline:auto}@property --sidebar-width{syntax: "<length>"; inherits: true; initial-value: 280px;}:root{--_sidebar-width: var(--sidebar-width, 280px);--_sidebar-collapsed: var(--sidebar-collapsed, 64px);--tpl-stack: "body-header" auto "body-nav" auto "body-main" 1fr "body-footer" auto / 1fr;--tpl-sidebar-left: "body-header body-header" auto "body-nav    body-main" 1fr "body-footer body-footer" auto / var(--_sidebar-width) 1fr;--tpl-sidebar-right: "body-header body-header" auto "body-main   body-aside" 1fr "body-footer body-footer" auto / 1fr var(--_sidebar-width);--tpl-holy-grail: "body-header body-header body-header" auto "body-nav    body-main   body-aside" 1fr "body-footer body-footer body-footer" auto / var(--_sidebar-width) 1fr var(--_sidebar-width);--tpl-app-shell: "body-nav body-header" auto "body-nav body-main" 1fr / auto 1fr;--tpl-dashboard: "body-header body-header" auto "body-nav    body-main" 1fr / auto 1fr;--tpl-article: "body-header" auto "body-main" 1fr "body-footer" auto / minmax(0, var(--content-normal, 65ch));--tpl-landing: "body-header" auto "hero" auto "feature" auto "cta" auto "body-footer" auto / 1fr}[data-layout^=body-]>header,[data-layout^=body-]>.demo-header{grid-area:body-header}[data-layout^=body-]>nav,[data-layout^=body-]>.demo-nav{grid-area:body-nav}[data-layout^=body-]>main,[data-layout^=body-]>.demo-main{grid-area:body-main}[data-layout^=body-]>aside,[data-layout^=body-]>.demo-aside{grid-area:body-aside}[data-layout^=body-]>footer,[data-layout^=body-]>.demo-footer{grid-area:body-footer}[data-layout^=body-]>main,[data-layout^=body-]>.demo-main{container-name:region-main}[data-layout^=body-]>nav,[data-layout^=body-]>.demo-nav{container-name:region-nav}[data-layout^=body-]>aside,[data-layout^=body-]>.demo-aside{container-name:region-aside}[data-layout^=body-]>nav:nth-of-type(2){grid-area:body-nav-secondary}main[data-layout]>header{grid-area:main-header}main[data-layout]>nav{grid-area:main-nav}main[data-layout]>article{grid-area:main-article}main[data-layout]>section{grid-area:main-section}main[data-layout]>aside{grid-area:main-aside}main[data-layout]>footer{grid-area:main-footer}article[data-layout]>header{grid-area:article-header}article[data-layout]>nav{grid-area:article-nav}article[data-layout]>section{grid-area:article-content}article[data-layout]>aside{grid-area:article-aside}article[data-layout]>footer{grid-area:article-footer}[data-layout-area=hero]{grid-area:hero}[data-layout-area=sidebar]{grid-area:sidebar}[data-layout-area=content]{grid-area:content}[data-layout-area=feature]{grid-area:feature}[data-layout-area=cta]{grid-area:cta}[data-layout-area=banner]{grid-area:banner}[data-layout-area=toc]{grid-area:toc}[data-page-layout]{display:grid;min-height:100dvh;gap:var(--_layout-gap, var(--size-m))}[data-page-layout]>header{grid-area:body-header}[data-page-layout]>nav{grid-area:body-nav}[data-page-layout]>main{grid-area:body-main}[data-page-layout]>aside{grid-area:body-aside}[data-page-layout]>footer{grid-area:body-footer}[data-page-layout]>nav:nth-of-type(2){grid-area:body-nav-secondary}[data-page-layout]>main{container-name:region-main}[data-page-layout]>nav{container-name:region-nav}[data-page-layout]>aside{container-name:region-aside}[data-page-layout=stack]{grid-template:var(--tpl-stack)}[data-page-layout=sidebar-left]{grid-template:var(--tpl-sidebar-left)}[data-page-layout=sidebar-right]{grid-template:var(--tpl-sidebar-right)}[data-page-layout=holy-grail]{grid-template:var(--tpl-holy-grail)}[data-page-layout=app-shell]{grid-template:var(--tpl-app-shell);gap:0}[data-page-layout=dashboard]{grid-template:var(--tpl-dashboard);gap:0}[data-page-layout=article]{grid-template:var(--tpl-article);justify-content:center}[data-page-layout=landing]{grid-template:var(--tpl-landing)}[data-page-layout][data-layout-gap=none]{--_layout-gap: 0}[data-page-layout][data-layout-gap=xs]{--_layout-gap: var(--size-xs)}[data-page-layout][data-layout-gap=s]{--_layout-gap: var(--size-s)}[data-page-layout][data-layout-gap=m]{--_layout-gap: var(--size-m)}[data-page-layout][data-layout-gap=l]{--_layout-gap: var(--size-l)}[data-page-layout][data-layout-gap=xl]{--_layout-gap: var(--size-xl)}[data-page-layout][data-layout-sidebar-width=narrow]{--_sidebar-width: 12rem}[data-page-layout][data-layout-sidebar-width=normal]{--_sidebar-width: 15rem}[data-page-layout][data-layout-sidebar-width=wide]{--_sidebar-width: 20rem}[data-page-layout=sidebar-left]:not(:has(>nav)){grid-template-columns:1fr}[data-page-layout=sidebar-right]:not(:has(>aside)){grid-template-columns:1fr}[data-page-layout=holy-grail]:not(:has(>aside)){grid-template:"body-header body-header" auto "body-nav    body-main" 1fr "body-footer body-footer" auto / var(--_sidebar-width) 1fr}[data-page-layout=holy-grail]:not(:has(>nav)){grid-template:"body-header body-header" auto "body-main   body-aside" 1fr "body-footer body-footer" auto / 1fr var(--_sidebar-width)}[data-page-layout=holy-grail]:not(:has(>nav)):not(:has(>aside)){grid-template:var(--tpl-stack)}[data-page-layout]>[data-layout-bleed]{grid-column:1 / -1}[data-page-layout]>nav[data-layout-sticky],[data-page-layout]>aside[data-layout-sticky]{position:sticky;top:0;align-self:start;max-height:100dvh;overflow-y:auto}[data-page-layout]>header[data-layout-sticky]{position:sticky;top:0;z-index:var(--z-sticky, 100)}[data-page-layout][data-sidebar=collapsed]{--_sidebar-width: var(--_sidebar-collapsed)}[data-page-layout][data-sidebar=hidden]>nav{display:none}@media(width<768px){[data-page-layout=sidebar-left]:not([data-layout-nowrap]),[data-page-layout=sidebar-right]:not([data-layout-nowrap]),[data-page-layout=holy-grail]:not([data-layout-nowrap]),[data-page-layout=dashboard]:not([data-layout-nowrap]){grid-template:var(--tpl-stack)}[data-page-layout=app-shell]:not([data-layout-nowrap]){grid-template:"body-header" auto "body-main" 1fr "body-nav" auto / 1fr}}@media(width>=1400px){body[data-page-layout=holy-grail],body[data-page-layout=dashboard]{max-width:1400px;margin-inline:auto}}@media print{[data-page-layout]{display:block}[data-page-layout]>nav,[data-page-layout]>aside{display:none}}[data-layout=regions]{display:grid;grid-template:"header" auto "content" 1fr "footer" auto / 1fr;gap:var(--_gap, 0)}[data-layout=regions]>:is(header,[slot=header]){grid-area:header}[data-layout=regions]>:is(section,[slot=content]){grid-area:content}[data-layout=regions]>:is(footer,[slot=footer]){grid-area:footer}[data-layout=regions]>:not(:is(header,section,footer,[slot])){grid-area:content}[data-layout=regions][data-layout-gap=none]{--_gap: 0}[data-layout=regions][data-layout-gap="3xs"]{--_gap: var(--size-3xs)}[data-layout=regions][data-layout-gap="2xs"]{--_gap: var(--size-2xs)}[data-layout=regions][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=regions][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=regions][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=regions][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=regions][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=regions][data-layout-gap="2xl"]{--_gap: var(--size-2xl)}[data-layout=regions][data-layout-gap="3xl"]{--_gap: var(--size-3xl)}[data-layout=media]{display:grid;grid-template:"figure content" auto / auto 1fr;gap:var(--_gap, var(--size-m));align-items:start}[data-layout=media]>:is(figure,img,picture,video,[slot=figure]){grid-area:figure}[data-layout=media]>:not(:is(figure,img,picture,video,[slot=figure])){grid-area:content}[data-layout=media][data-layout-gap=none]{--_gap: 0}[data-layout=media][data-layout-gap=xs]{--_gap: var(--size-xs)}[data-layout=media][data-layout-gap=s]{--_gap: var(--size-s)}[data-layout=media][data-layout-gap=m]{--_gap: var(--size-m)}[data-layout=media][data-layout-gap=l]{--_gap: var(--size-l)}[data-layout=media][data-layout-gap=xl]{--_gap: var(--size-xl)}[data-layout=media][data-layout-reverse]{grid-template:"content figure" auto / 1fr auto}[data-layout=media][data-layout-align=start]{align-items:start}[data-layout=media][data-layout-align=center]{align-items:center}[data-layout=media][data-layout-align=end]{align-items:end}[data-layout=media][data-layout-align=stretch]{align-items:stretch}@container (width < 25rem){[data-layout=media],[data-layout=media][data-layout-reverse]{grid-template:"figure" auto "content" auto / 1fr}}main[data-layout=sidebar-left]{display:grid;grid-template:"main-nav main-article" 1fr / var(--_sidebar-width, 250px) 1fr;gap:var(--_gap, var(--size-m))}main[data-layout=sidebar-right]{display:grid;grid-template:"main-article main-aside" 1fr / 1fr var(--_sidebar-width, 250px);gap:var(--_gap, var(--size-m))}main[data-layout=sidebar-left]:not(:has(>nav)){grid-template-columns:1fr}main[data-layout=sidebar-right]:not(:has(>aside)){grid-template-columns:1fr}main[data-layout=sidebar-left]>nav{container-name:region-main-nav}main[data-layout=sidebar-left]>article{container-name:region-main-content}main[data-layout=sidebar-right]>article{container-name:region-main-content}main[data-layout=sidebar-right]>aside{container-name:region-main-aside}@media(width<768px){main[data-layout=sidebar-left]:not([data-layout-nowrap]),main[data-layout=sidebar-right]:not([data-layout-nowrap]){grid-template:"main-article" 1fr "main-aside" auto "main-nav" auto / 1fr}}[data-layout^=body-]{display:grid;gap:var(--_layout-gap, var(--size-m))}body[data-layout^=body-]{min-height:100dvh}[data-layout=body-stack]{grid-template:var(--tpl-stack)}[data-layout=body-sidebar-left]{grid-template:var(--tpl-sidebar-left)}[data-layout=body-sidebar-right]{grid-template:var(--tpl-sidebar-right)}[data-layout=body-holy-grail]{grid-template:var(--tpl-holy-grail)}[data-layout=body-app-shell]{grid-template:var(--tpl-app-shell);gap:0}[data-layout=body-dashboard]{grid-template:var(--tpl-dashboard);gap:0}[data-layout=body-article]{grid-template:var(--tpl-article);justify-content:center}[data-layout=body-landing]{grid-template:var(--tpl-landing)}[data-layout^=body-][data-layout-gap=none]{--_layout-gap: 0}[data-layout^=body-][data-layout-gap=xs]{--_layout-gap: var(--size-xs)}[data-layout^=body-][data-layout-gap=s]{--_layout-gap: var(--size-s)}[data-layout^=body-][data-layout-gap=m]{--_layout-gap: var(--size-m)}[data-layout^=body-][data-layout-gap=l]{--_layout-gap: var(--size-l)}[data-layout^=body-][data-layout-gap=xl]{--_layout-gap: var(--size-xl)}[data-layout=body-sidebar-left]:not(:has(>nav)):not(:has(>.demo-nav)){grid-template-columns:1fr}[data-layout=body-sidebar-right]:not(:has(>aside)):not(:has(>.demo-aside)){grid-template-columns:1fr}[data-layout=body-holy-grail]:not(:has(>aside)):not(:has(>.demo-aside)){grid-template:"body-header body-header" auto "body-nav    body-main" 1fr "body-footer body-footer" auto / var(--_sidebar-width) 1fr}[data-layout=body-holy-grail]:not(:has(>nav)):not(:has(>.demo-nav)){grid-template:"body-header body-header" auto "body-main   body-aside" 1fr "body-footer body-footer" auto / 1fr var(--_sidebar-width)}[data-layout=body-holy-grail]:not(:has(>nav)):not(:has(>.demo-nav)):not(:has(>aside)):not(:has(>.demo-aside)){grid-template:var(--tpl-stack)}main[data-layout^=body-]:has(>aside),[data-layout^=body-]>main:has(>aside){display:grid;grid-template-columns:1fr var(--_sidebar-width);gap:var(--size-m)}[data-layout^=body-]>[data-layout-bleed]{grid-column:1 / -1}[data-layout^=body-]>nav[data-layout-sticky],[data-layout^=body-]>aside[data-layout-sticky]{position:sticky;top:0;align-self:start;max-height:100dvh;overflow-y:auto}[data-layout^=body-]>header[data-layout-sticky]{position:sticky;top:0;z-index:var(--z-sticky, 100)}[data-layout^=body-][data-sidebar=collapsed]{--_sidebar-width: var(--_sidebar-collapsed)}[data-layout^=body-][data-sidebar=hidden]>nav{display:none}[data-layout-order="-1"]{order:-1}[data-layout-order="1"]{order:1}[data-layout-order="99"]{order:99}@media(width<768px){[data-layout=body-sidebar-left]:not([data-layout-nowrap]),[data-layout=body-sidebar-right]:not([data-layout-nowrap]),[data-layout=body-holy-grail]:not([data-layout-nowrap]),[data-layout=body-dashboard]:not([data-layout-nowrap]){grid-template:var(--tpl-stack)}[data-layout=body-app-shell]:not([data-layout-nowrap]){grid-template:"body-header" auto "body-main" 1fr "body-nav" auto / 1fr}main:has(>aside):not([data-layout-nowrap]){grid-template-columns:1fr}}@media(width>=1400px){body[data-layout=body-holy-grail],body[data-layout=body-dashboard]{max-width:1400px;margin-inline:auto}}@media print{[data-layout^=body-]{display:block}[data-layout^=body-]>nav,[data-layout^=body-]>aside{display:none}}main,article,section,aside:not(.float):not(.sidenote){container-type:inline-size}@container (width < 400px){[data-layout=grid]{grid-template-columns:1fr}}@container (width < 30rem){[data-layout=switcher]>*{flex-basis:100%}}[data-container]{container-type:inline-size}[data-container=card]{container-name:card}[data-container=panel]{container-name:panel}[data-container=media]{container-name:media}[data-layout-density=compact]{--size-3xs: 1px;--size-2xs: 2px;--size-xs: 4px;--size-s: 8px;--size-m: 12px;--size-l: 16px;--size-xl: 24px;--size-2xl: 32px;--size-3xl: 48px;--font-size-s: .75rem;--font-size-sm: .8125rem;line-height:1.4}[data-layout-density=spacious]{--size-3xs: 4px;--size-2xs: 8px;--size-xs: 12px;--size-s: 16px;--size-m: 24px;--size-l: 32px;--size-xl: 48px;--size-2xl: 64px;--size-3xl: 96px;line-height:1.8}@supports (animation-timeline: scroll()){@keyframes shrink-header{to{padding-block:var(--size-2xs);font-size:var(--font-size-sm);box-shadow:0 1px 3px #0000001a}}[data-page-layout]>header[data-layout-sticky][data-scroll-shrink],[data-layout^=body-]>header[data-layout-sticky][data-scroll-shrink]{animation:shrink-header linear both;animation-timeline:scroll();animation-range:0 200px}}@container region-main (width < 40rem){[data-layout=sidebar]{flex-direction:column}}@container card (width < 200px){[data-layout=grid]{grid-template-columns:1fr}}@container (width < 30rem){[data-layout=prose]{max-inline-size:100%}}}@layer custom-elements{layout-grid{display:grid;gap:var(--_gap, var(--size-m));grid-template-columns:repeat(auto-fit,minmax(var(--_min, 15rem),1fr));&[data-layout-min="6rem"]{--_min: 6rem}&[data-layout-min="8rem"]{--_min: 8rem}&[data-layout-min="10rem"]{--_min: 10rem}&[data-layout-min="12rem"]{--_min: 12rem}&[data-layout-min="15rem"]{--_min: 15rem}&[data-layout-min="18rem"]{--_min: 18rem}&[data-layout-min="20rem"]{--_min: 20rem}&[data-layout-min="25rem"]{--_min: 25rem}&[data-layout-min="150px"]{--_min: 150px}&[data-layout-min="200px"]{--_min: 200px}&[data-layout-min="250px"]{--_min: 250px}&[data-layout-min="280px"]{--_min: 280px}&[data-layout-min="300px"]{--_min: 300px}&[data-layout-min="400px"]{--_min: 400px}&[data-layout-gap=none]{--_gap: 0}&[data-layout-gap=xs]{--_gap: var(--size-xs)}&[data-layout-gap=s]{--_gap: var(--size-s)}&[data-layout-gap=m]{--_gap: var(--size-m)}&[data-layout-gap=l]{--_gap: var(--size-l)}&[data-layout-gap=xl]{--_gap: var(--size-xl)}}}@layer custom-elements{layout-cluster{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-s));align-items:var(--_align, center)}layout-cluster[data-layout-gap=xs]{--_gap: var(--size-xs)}layout-cluster[data-layout-gap=s]{--_gap: var(--size-s)}layout-cluster[data-layout-gap=m]{--_gap: var(--size-m)}layout-cluster[data-layout-gap=l]{--_gap: var(--size-l)}layout-cluster[data-layout-gap=xl]{--_gap: var(--size-xl)}layout-cluster[data-layout-justify=start]{justify-content:flex-start}layout-cluster[data-layout-justify=end]{justify-content:flex-end}layout-cluster[data-layout-justify=center]{justify-content:center}layout-cluster[data-layout-justify=between]{justify-content:space-between}layout-cluster[data-layout-align=start]{--_align: flex-start}layout-cluster[data-layout-align=end]{--_align: flex-end}layout-cluster[data-layout-align=center]{--_align: center}layout-cluster[data-layout-align=stretch]{--_align: stretch}layout-cluster[data-layout-align=baseline]{--_align: baseline}layout-cluster[data-layout-nowrap]{flex-wrap:nowrap}layout-cluster[data-layout-overlap]{flex-direction:row-reverse;justify-content:flex-end;gap:0;>*{margin-inline-start:var(--_overlap, -.5rem);box-shadow:0 0 0 2px var(--color-surface)}>:last-child{margin-inline-start:0}}layout-cluster[data-layout-overlap=xs]{--_overlap: -.25rem}layout-cluster[data-layout-overlap=s]{--_overlap: -.5rem}layout-cluster[data-layout-overlap=m]{--_overlap: -.75rem}layout-cluster[data-layout-overlap=l]{--_overlap: -1rem}}@layer custom-elements{layout-text{display:block;max-inline-size:var(--measure-normal, 65ch)}layout-text>*+*{margin-block-start:var(--size-m)}layout-text>*+h2{margin-block-start:var(--size-2xl)}layout-text>*+h3{margin-block-start:var(--size-xl)}layout-text>*+:is(h4,h5,h6){margin-block-start:var(--size-l)}layout-text>:is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--size-s)}layout-text>:is(ul,ol)+:is(ul,ol){margin-block-start:var(--size-s)}layout-text>*+:is(figure,pre){margin-block-start:var(--size-l)}layout-text>:is(figure,pre)+*{margin-block-start:var(--size-l)}}@layer custom-elements{layout-center{display:block;box-sizing:content-box;max-inline-size:var(--_max, var(--content-normal, 60rem));margin-inline:auto;padding-inline:var(--size-m)}layout-center[data-layout-max=narrow]{--_max: var(--content-narrow, 45rem)}layout-center[data-layout-max=normal]{--_max: var(--content-normal, 60rem)}layout-center[data-layout-max=wide]{--_max: var(--content-wide, 80rem)}layout-center[data-layout-intrinsic]{display:flex;flex-direction:column;align-items:center}layout-center[data-layout-text]{text-align:center}layout-center[data-layout-gutter=none]{padding-inline:0}layout-center[data-layout-gutter=s]{padding-inline:var(--size-s)}layout-center[data-layout-gutter=l]{padding-inline:var(--size-l)}layout-center[data-layout-gap]{display:flex;flex-direction:column}layout-center[data-layout-gap=none]{gap:0}layout-center[data-layout-gap="3xs"]{gap:var(--size-3xs)}layout-center[data-layout-gap="2xs"]{gap:var(--size-2xs)}layout-center[data-layout-gap=xs]{gap:var(--size-xs)}layout-center[data-layout-gap=s]{gap:var(--size-s)}layout-center[data-layout-gap=m]{gap:var(--size-m)}layout-center[data-layout-gap=l]{gap:var(--size-l)}layout-center[data-layout-gap=xl]{gap:var(--size-xl)}layout-center[data-layout-gap="2xl"]{gap:var(--size-2xl)}layout-center[data-layout-gap="3xl"]{gap:var(--size-3xl)}}@layer custom-elements{layout-sidebar{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-m))}layout-sidebar>:first-child{flex-basis:var(--_sidebar-width, 15rem);flex-grow:1}layout-sidebar>:last-child{flex-basis:0;flex-grow:999;min-inline-size:var(--_content-min, 50%)}layout-sidebar[data-layout-gap=xs]{--_gap: var(--size-xs)}layout-sidebar[data-layout-gap=s]{--_gap: var(--size-s)}layout-sidebar[data-layout-gap=m]{--_gap: var(--size-m)}layout-sidebar[data-layout-gap=l]{--_gap: var(--size-l)}layout-sidebar[data-layout-gap=xl]{--_gap: var(--size-xl)}layout-sidebar[data-layout-side=end]{flex-direction:row-reverse}layout-sidebar[data-layout-sidebar-width=narrow]{--_sidebar-width: 12rem}layout-sidebar[data-layout-sidebar-width=normal]{--_sidebar-width: 15rem}layout-sidebar[data-layout-sidebar-width=wide]{--_sidebar-width: 20rem}layout-sidebar[data-layout-content-min="40"]{--_content-min: 40%}layout-sidebar[data-layout-content-min="50"]{--_content-min: 50%}layout-sidebar[data-layout-content-min="60"]{--_content-min: 60%}layout-sidebar[data-layout-nowrap]{flex-wrap:nowrap}}@layer custom-elements{layout-cover{display:flex;flex-direction:column;min-block-size:var(--_min-height, 100vh);padding:var(--_padding, var(--size-m))}layout-cover[data-layout-min="50vh"]{--_min-height: 50vh}layout-cover[data-layout-min="75vh"]{--_min-height: 75vh}layout-cover[data-layout-min="100vh"]{--_min-height: 100vh}layout-cover[data-layout-min="100dvh"]{--_min-height: 100dvh}layout-cover[data-layout-min="60vh"]{--_min-height: 60vh}layout-cover[data-layout-min="70vh"]{--_min-height: 70vh}layout-cover[data-layout-min="80vh"]{--_min-height: 80vh}layout-cover[data-layout-min=auto]{--_min-height: auto}layout-cover[data-layout-padding=none]{--_padding: 0}layout-cover[data-layout-padding=s]{--_padding: var(--size-s)}layout-cover[data-layout-padding=m]{--_padding: var(--size-m)}layout-cover[data-layout-padding=l]{--_padding: var(--size-l)}layout-cover[data-layout-padding=xl]{--_padding: var(--size-xl)}layout-cover[data-layout-gap=s]{gap:var(--size-s)}layout-cover[data-layout-gap=m]{gap:var(--size-m)}layout-cover[data-layout-gap=l]{gap:var(--size-l)}layout-cover>[data-layout-principal]{margin-block:auto}layout-cover>header,layout-cover>[data-layout-cover-top]{margin-block-end:auto}layout-cover>footer,layout-cover>[data-layout-cover-bottom]{margin-block-start:auto}layout-cover[data-layout-nospace]{padding:0}layout-cover[data-layout-centered]{align-items:center;text-align:center}}@layer custom-elements{layout-reel{display:flex;overflow-x:auto;overflow-y:hidden;gap:var(--_gap, var(--size-m));padding:var(--_padding, var(--size-s));scroll-snap-type:x mandatory;scroll-padding-inline:var(--_padding, var(--size-s));-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none}}layout-reel[data-layout-scrollbar]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);&::-webkit-scrollbar{display:block;block-size:8px}&::-webkit-scrollbar-track{background:var(--scrollbar-track)}&::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}}layout-reel[data-layout-gap=none]{--_gap: 0}layout-reel[data-layout-gap=xs]{--_gap: var(--size-xs)}layout-reel[data-layout-gap=s]{--_gap: var(--size-s)}layout-reel[data-layout-gap=m]{--_gap: var(--size-m)}layout-reel[data-layout-gap=l]{--_gap: var(--size-l)}layout-reel[data-layout-gap=xl]{--_gap: var(--size-xl)}layout-reel[data-layout-padding=none]{--_padding: 0;scroll-padding-inline:0}layout-reel[data-layout-padding=s]{--_padding: var(--size-s);scroll-padding-inline:var(--size-s)}layout-reel[data-layout-padding=m]{--_padding: var(--size-m);scroll-padding-inline:var(--size-m)}layout-reel[data-layout-padding=l]{--_padding: var(--size-l);scroll-padding-inline:var(--size-l)}layout-reel>*{flex-shrink:0;scroll-snap-align:start}layout-reel[data-layout-item-width=auto]>*{inline-size:auto}layout-reel[data-layout-item-width=s]>*{inline-size:15rem}layout-reel[data-layout-item-width=m]>*{inline-size:20rem}layout-reel[data-layout-item-width=l]>*{inline-size:25rem}layout-reel[data-layout-item-width=xl]>*{inline-size:30rem}layout-reel[data-layout-item-width=full]>*{inline-size:100%;scroll-snap-align:center}layout-reel[data-layout-align=start]{align-items:flex-start}layout-reel[data-layout-align=center]{align-items:center}layout-reel[data-layout-align=end]{align-items:flex-end}layout-reel[data-layout-align=stretch]{align-items:stretch}@media(prefers-reduced-motion:reduce){layout-reel{scroll-snap-type:none}}}@layer custom-elements{layout-switcher{display:flex;flex-wrap:wrap;gap:var(--_gap, var(--size-m))}layout-switcher>*{flex-grow:1;flex-basis:calc((var(--_threshold, 30rem) - 100%) * 999)}layout-switcher[data-layout-gap=none]{--_gap: 0}layout-switcher[data-layout-gap=xs]{--_gap: var(--size-xs)}layout-switcher[data-layout-gap=s]{--_gap: var(--size-s)}layout-switcher[data-layout-gap=m]{--_gap: var(--size-m)}layout-switcher[data-layout-gap=l]{--_gap: var(--size-l)}layout-switcher[data-layout-gap=xl]{--_gap: var(--size-xl)}layout-switcher[data-layout-threshold="20rem"]{--_threshold: 20rem}layout-switcher[data-layout-threshold="25rem"]{--_threshold: 25rem}layout-switcher[data-layout-threshold="30rem"]{--_threshold: 30rem}layout-switcher[data-layout-threshold="35rem"]{--_threshold: 35rem}layout-switcher[data-layout-threshold="40rem"]{--_threshold: 40rem}layout-switcher[data-layout-threshold="45rem"]{--_threshold: 45rem}layout-switcher[data-layout-limit="2"]>:nth-last-child(n+3),layout-switcher[data-layout-limit="2"]>:nth-last-child(n+3)~*{flex-basis:100%}layout-switcher[data-layout-limit="3"]>:nth-last-child(n+4),layout-switcher[data-layout-limit="3"]>:nth-last-child(n+4)~*{flex-basis:100%}layout-switcher[data-layout-limit="4"]>:nth-last-child(n+5),layout-switcher[data-layout-limit="4"]>:nth-last-child(n+5)~*{flex-basis:100%}layout-switcher[data-layout-reverse]{flex-direction:row-reverse}layout-switcher[data-layout-reverse][data-layout-threshold]{flex-wrap:wrap-reverse}}@layer custom-elements{layout-imposter{position:var(--_position, absolute);inset-block-start:var(--_inset-block, 50%);inset-inline-start:var(--_inset-inline, 50%);translate:var(--_translate, -50% -50%)}layout-imposter[data-layout-fixed]{--_position: fixed}layout-imposter[data-layout-margin=s]{--_margin: var(--size-s)}layout-imposter[data-layout-margin=m]{--_margin: var(--size-m)}layout-imposter[data-layout-margin=l]{--_margin: var(--size-l)}layout-imposter[data-layout-margin=xl]{--_margin: var(--size-xl)}layout-imposter[data-layout-position=center]{--_inset-block: 50%;--_inset-inline: 50%;--_translate: -50% -50%}layout-imposter[data-layout-position=top]{--_inset-block: var(--_margin, 0);--_inset-inline: 50%;--_translate: -50% 0}layout-imposter[data-layout-position=bottom]{--_inset-block: auto;inset-block-end:var(--_margin, 0);--_inset-inline: 50%;--_translate: -50% 0}layout-imposter[data-layout-position=start]{--_inset-block: 50%;--_inset-inline: var(--_margin, 0);--_translate: 0 -50%}layout-imposter[data-layout-position=end]{--_inset-block: 50%;--_inset-inline: auto;inset-inline-end:var(--_margin, 0);--_translate: 0 -50%}layout-imposter[data-layout-position=top-start]{--_inset-block: var(--_margin, 0);--_inset-inline: var(--_margin, 0);--_translate: 0 0}layout-imposter[data-layout-position=top-end]{--_inset-block: var(--_margin, 0);--_inset-inline: auto;inset-inline-end:var(--_margin, 0);--_translate: 0 0}layout-imposter[data-layout-position=bottom-start]{--_inset-block: auto;inset-block-end:var(--_margin, 0);--_inset-inline: var(--_margin, 0);--_translate: 0 0}layout-imposter[data-layout-position=bottom-end]{--_inset-block: auto;inset-block-end:var(--_margin, 0);--_inset-inline: auto;inset-inline-end:var(--_margin, 0);--_translate: 0 0}layout-imposter[data-layout-contain]{max-inline-size:calc(100vw - var(--_margin, 0) * 2);max-inline-size:calc(100dvw - var(--_margin, 0) * 2);max-block-size:calc(100vh - var(--_margin, 0) * 2);max-block-size:calc(100dvh - var(--_margin, 0) * 2);overflow:auto}}@layer custom-elements{token-swatch{display:flex;flex-direction:column;gap:var(--size-2xs);>:first-child,>[data-preview]{block-size:var(--_preview-size, 4rem);border-radius:var(--radius-m);border:var(--border-width-thin) solid var(--color-border)}>[data-name]{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-muted);word-break:break-all}>[data-value]{font-size:var(--font-size-xs);color:var(--color-text-muted)}&[data-size=s]{--_preview-size: 3rem}&[data-size=l]{--_preview-size: 5rem}}token-scale{display:grid;grid-template-columns:8rem 1fr 8rem;align-items:center;gap:var(--size-m);>[data-name]{font-family:var(--font-mono);font-size:var(--font-size-sm)}>[data-bar]{block-size:var(--size-m);background:var(--color-interactive);border-radius:var(--radius-s)}>[data-value]{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:end}}token-preview{display:block;padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m);>[data-name]{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-block-end:var(--size-xs)}>[data-sample]{font-size:var(--font-size-xl)}&[data-layout=center]{text-align:center;>[data-sample]{font-size:var(--font-size-2xl);margin-block-end:var(--size-xs)}}}token-row{display:grid;grid-template-columns:10rem 1fr;align-items:baseline;gap:var(--size-m);padding-block:var(--size-xs);border-block-end:var(--border-width-thin) solid var(--color-border);&:last-child{border-block-end:none}>[data-meta]{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}>[data-sample]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}token-animation{display:block;padding:var(--size-m);background:var(--color-surface-raised);border-radius:var(--radius-m);>[data-name]{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-block-end:var(--size-s)}>[data-track]{background:var(--color-border);border-radius:var(--radius-full);block-size:var(--size-xs);position:relative;>[data-dot]{position:absolute;inset-block-start:50%;transform:translateY(-50%);inline-size:var(--size-s);block-size:var(--size-s);background:var(--color-interactive);border-radius:var(--radius-full);animation:token-ease-demo 2s infinite}}@keyframes token-ease-demo{0%,to{inset-inline-start:0}50%{inset-inline-start:calc(100% - var(--size-s))}}}}@layer custom-elements{layout-badge{display:inline-flex;align-items:center;gap:var(--size-2xs);padding-inline:var(--_padding-x, var(--size-2xs));padding-block:var(--_padding-y, .125rem);font-size:var(--_font-size, var(--font-size-xs));font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);background:var(--_bg, var(--color-gray-200));color:var(--_color, var(--color-gray-700));white-space:nowrap;&[data-size=sm]{--_padding-x: .25rem;--_padding-y: .0625rem;--_font-size: .625rem}&[data-size=lg]{--_padding-x: var(--size-xs);--_padding-y: var(--size-3xs);--_font-size: var(--font-size-sm)}&[data-color=primary]{--_bg: var(--color-interactive);--_color: white}&[data-color=success]{--_bg: var(--color-success);--_color: white}&[data-color=warning]{--_bg: var(--color-warning);--_color: var(--color-gray-900)}&[data-color=error]{--_bg: var(--color-error);--_color: white}&[data-color=info]{--_bg: var(--color-info);--_color: white}&[data-color=brand]{--_bg: var(--color-primary);--_color: var(--color-text-on-primary, white)}&[data-color=secondary]{--_bg: var(--color-secondary);--_color: white}&[data-color=accent]{--_bg: var(--color-accent);--_color: var(--color-gray-900)}&[data-variant=subtle]{--_bg: var(--color-gray-100);--_color: var(--color-gray-700);&[data-color=primary]{--_bg: oklch(95% .05 260);--_color: var(--color-interactive)}&[data-color=success]{--_bg: var(--color-success-subtle);--_color: var(--color-success)}&[data-color=warning]{--_bg: var(--color-warning-subtle);--_color: oklch(45% .15 70)}&[data-color=error]{--_bg: var(--color-error-subtle);--_color: var(--color-error)}&[data-color=info]{--_bg: var(--color-info-subtle);--_color: var(--color-info)}&[data-color=brand]{--_bg: var(--color-primary-subtle);--_color: var(--color-primary)}&[data-color=secondary]{--_bg: oklch(from var(--color-secondary) .95 .04 h);--_color: var(--color-secondary)}&[data-color=accent]{--_bg: oklch(from var(--color-accent) .95 .06 h);--_color: oklch(from var(--color-accent) .45 c h)}}&[data-variant=outlined]{--_bg: transparent;--_color: var(--color-gray-600);border:var(--border-width-thin) solid currentColor;&[data-color=primary]{--_color: var(--color-interactive)}&[data-color=success]{--_color: var(--color-success)}&[data-color=warning]{--_color: oklch(55% .18 70)}&[data-color=error]{--_color: var(--color-error)}&[data-color=info]{--_color: var(--color-info)}&[data-color=brand]{--_color: var(--color-primary)}&[data-color=secondary]{--_color: var(--color-secondary)}&[data-color=accent]{--_color: oklch(from var(--color-accent) .55 c h)}}&[data-shape=square]{border-radius:var(--radius-s)}}}@layer custom-elements{status-message{display:flex;gap:var(--size-s);padding:var(--size-m);border-radius:var(--radius-m);background:var(--_bg, var(--color-info-subtle));color:var(--_color, var(--color-info));border-inline-start:var(--border-width-thick) solid currentColor;>[data-icon]{flex-shrink:0;width:1.25em;height:1.25em}>[data-content]{flex:1;min-width:0}[data-title]{font-weight:var(--font-weight-semibold);margin-block-end:var(--size-2xs)}[data-description]{color:var(--color-text);font-size:var(--font-size-s)}>[data-dismiss]{flex-shrink:0;margin-inline-start:auto;padding:var(--size-2xs);background:transparent;border:none;cursor:pointer;color:currentColor;opacity:.7;&:hover{opacity:1}}&[data-variant=success]{--_bg: var(--color-success-subtle);--_color: var(--color-success)}&[data-variant=warning]{--_bg: var(--color-warning-subtle);--_color: oklch(55% .18 70)}&[data-variant=error]{--_bg: var(--color-error-subtle);--_color: var(--color-error)}&[data-variant=info]{--_bg: var(--color-info-subtle);--_color: var(--color-info)}&[data-variant=neutral]{--_bg: var(--color-gray-100);--_color: var(--color-gray-600)}&[data-filled]{background:var(--_color);color:#fff;border-inline-start:none;[data-description]{color:inherit;opacity:.9}&[data-variant=warning]{color:var(--color-gray-900)}}&[data-compact]{padding:var(--size-s);gap:var(--size-xs)}}}@layer custom-elements{user-avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--_size, 3rem);height:var(--_size, 3rem);border-radius:var(--_radius, var(--radius-full));background:var(--color-gray-200);color:var(--color-gray-600);font-weight:var(--font-weight-medium);font-size:var(--_font-size, 1rem);flex-shrink:0;>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}>[data-fallback]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}>[data-status]{position:absolute;inset-block-end:0;inset-inline-end:0;width:25%;height:25%;min-width:.5rem;min-height:.5rem;border-radius:var(--radius-full);border:2px solid var(--color-surface);background:var(--color-gray-400);&[data-status=online]{background:var(--color-success)}&[data-status=offline]{background:var(--color-gray-400)}&[data-status=busy]{background:var(--color-error)}&[data-status=away]{background:var(--color-warning)}}&[data-size=xs]{--_size: 1.5rem;--_font-size: .5rem}&[data-size=sm]{--_size: 2rem;--_font-size: .75rem}&[data-size=md]{--_size: 3rem;--_font-size: 1rem}&[data-size=lg]{--_size: 4rem;--_font-size: 1.25rem}&[data-size=xl]{--_size: 6rem;--_font-size: 1.75rem}&[data-size="2xl"]{--_size: 8rem;--_font-size: 2.5rem}&[data-shape=square]{--_radius: var(--radius-m)}&[data-shape=rounded]{--_radius: var(--radius-l)}&[data-ring]{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-border)}}}@layer custom-elements{form-field{display:block}form-field:has(:required) label:after{content:" *";color:var(--color-error)}form-field output.hint{display:block;font-size:var(--font-size-s);color:var(--color-text-muted);margin-block-start:var(--size-xs)}form-field output.error{display:block;visibility:hidden;font-size:var(--font-size-s);color:var(--color-error);margin-block-start:var(--size-xs);min-block-size:1lh}form-field:has(:user-valid){& input,textarea,select{border-color:var(--color-success);background:color-mix(in oklab,var(--color-success) 5%,transparent)}& output.hint{display:none}}form-field:has(:user-invalid){& input,textarea,select{border-color:var(--color-error)}& output.error{visibility:visible}}form-field:not([data-no-icon]){position:relative}form-field:not([data-no-icon]):has(:user-valid) input:not([type=checkbox]):not([type=radio]),form-field:not([data-no-icon]):has(:user-valid) textarea,form-field:not([data-no-icon]):has(:user-valid) select,form-field:not([data-no-icon]):has(:user-invalid) input:not([type=checkbox]):not([type=radio]),form-field:not([data-no-icon]):has(:user-invalid) textarea,form-field:not([data-no-icon]):has(:user-invalid) select{padding-inline-end:2.5rem}form-field:not([data-no-icon]):has(:user-valid):after{content:"";position:absolute;inset-inline-end:var(--size-s);inset-block-start:calc(1lh + var(--size-s) + .625rem);inline-size:1.25rem;block-size:1.25rem;background:var(--color-success);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;pointer-events:none}form-field:not([data-no-icon]):has(:user-invalid):after{content:"";position:absolute;inset-inline-end:var(--size-s);inset-block-start:calc(1lh + var(--size-s) + .625rem);inline-size:1.25rem;block-size:1.25rem;background:var(--color-error);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;pointer-events:none}form-field:not([data-no-icon]):has(.password-wrapper):has(:user-valid):after,form-field:not([data-no-icon]):has(.password-wrapper):has(:user-invalid):after{inset-inline-end:2.75rem}form-field:not([data-no-icon]):has(.password-wrapper):has(:user-valid) input,form-field:not([data-no-icon]):has(.password-wrapper):has(:user-invalid) input{padding-inline-end:5rem}form-field[data-type=checkbox],form-field[data-type=radio]{& label{display:flex;align-items:center;gap:var(--size-xs);cursor:pointer}& input{margin:0}}form-field .password-wrapper{position:relative;display:flex}form-field .password-wrapper input{inline-size:100%;padding-inline-end:2.75rem}form-field .password-toggle{position:absolute;inset-inline-end:0;inset-block:0;inline-size:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;transition:color var(--duration-fast) var(--ease-default)}form-field .password-toggle:hover{color:var(--color-text)}form-field .password-toggle:focus-visible{outline:2px solid var(--color-interactive);outline-offset:-2px;border-radius:var(--radius-s)}form-field .password-toggle svg{flex-shrink:0}form-field .otp-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--size-s)}form-field .otp-digit{inline-size:3rem;block-size:3.5rem;text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-mono, monospace);border:2px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}form-field .otp-digit:focus{outline:none;border-color:var(--color-interactive);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-interactive) 25%,transparent)}form-field .otp-digit:not(:placeholder-shown){border-color:var(--color-success)}form-field[data-enhanced=otp]:after{display:none}form-field .strength-meter{display:flex;align-items:center;gap:var(--size-xs);margin-block-start:var(--size-xs)}form-field .strength-meter meter{flex:1}form-field .strength-meter .strength-label{font-size:var(--font-size-s);font-weight:500;min-inline-size:3.5em;text-align:end}form-field .strength-meter[data-level=weak] .strength-label{color:#cc272e}form-field .strength-meter[data-level=fair] .strength-label{color:oklch(75% .18 75)}form-field .strength-meter[data-level=good] .strength-label{color:#4aa651}form-field .strength-meter[data-level=strong] .strength-label{color:#189a30}form-field .strength-rules{list-style:none;padding:0;margin:var(--size-xs) 0 0;font-size:var(--font-size-s);color:var(--color-text-muted)}form-field .strength-rules li{padding-inline-start:1.5em;position:relative;line-height:1.6}form-field .strength-rules li:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.3em;inline-size:1em;block-size:1em;background:var(--color-text-muted);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat}form-field .strength-rules li[data-met]:before{background:var(--color-success, oklch(60% .18 145));mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}form-field .strength-rules li[data-met]{color:var(--color-success, oklch(60% .18 145))}form-field[data-state=validating] input,form-field[data-state=validating] textarea,form-field[data-state=validating] select{border-color:var(--color-warning, oklch(75% .15 80))}form-field:not([data-no-icon])[data-state=validating]:after{content:"";position:absolute;inset-inline-end:var(--size-s);inset-block-start:calc(1lh + var(--size-s) + .625rem);inline-size:1.25rem;block-size:1.25rem;border:2px solid var(--color-warning, oklch(75% .15 80));border-block-start-color:transparent;border-radius:50%;animation:vb-spin .6s linear infinite;pointer-events:none}@keyframes vb-spin{to{rotate:1turn}}output.error-summary{display:block;border:2px solid var(--color-error);border-radius:var(--radius-m);padding:var(--size-m);background:color-mix(in oklab,var(--color-error) 6%,transparent)}output.error-summary:empty{display:none}output.error-summary:focus{outline:3px solid var(--color-error);outline-offset:2px}output.error-summary p{font-weight:var(--font-weight-medium, 500);margin:0 0 var(--size-xs)}output.error-summary ul{margin:0;padding-inline-start:var(--size-m)}output.error-summary a{color:var(--color-error)}form[data-validate=summary] form-field output.error{display:none}fieldset[data-invalid]{border-color:var(--color-error)}fieldset[data-invalid]>output{display:block;font-size:var(--font-size-s);color:var(--color-error);margin-block-start:var(--size-xs)}}@layer custom-elements{text-divider{display:flex;align-items:center;gap:var(--size-m);color:var(--color-text-muted);font-size:var(--font-size-s);&:before,&:after{content:"";flex:1;block-size:1px;background:var(--color-border)}}}@layer custom-elements{brand-mark{display:inline-flex;align-items:center;gap:var(--size-s);font-weight:var(--font-weight-bold);font-size:var(--font-size-l);color:inherit;text-decoration:none;letter-spacing:-.02em}brand-mark[data-size=s]{font-size:var(--font-size-m);gap:var(--size-xs)}brand-mark[data-size=l]{font-size:var(--font-size-xl)}brand-mark[data-size=xl]{font-size:var(--font-size-2xl);gap:var(--size-m)}brand-mark[data-stack]{flex-direction:column;text-align:center;gap:var(--size-xs)}a:has(>brand-mark){text-decoration:none;color:inherit}a:has(>brand-mark):hover brand-mark,a:has(>brand-mark):focus-visible brand-mark{opacity:.8}}@layer custom-elements{loading-spinner{--_size: var(--spinner-size, 1.5em);--_width: var(--spinner-width, .2em);--_color: var(--spinner-color, currentColor);--_track: var(--spinner-track, oklch(from var(--_color) l c h / .2));--_speed: var(--spinner-speed, .7s);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_size);block-size:var(--_size);vertical-align:middle;flex-shrink:0}loading-spinner:after{content:"";display:block;inline-size:100%;block-size:100%;border-radius:50%;border:var(--_width) solid var(--_track);border-block-start-color:var(--_color);animation:vb-spinner-rotate var(--_speed) linear infinite}loading-spinner[data-size=xs]{--_size: .75em;--_width: .1em}loading-spinner[data-size=s]{--_size: 1em;--_width: .15em}loading-spinner[data-size=m]{--_size: 1.5em;--_width: .2em}loading-spinner[data-size=l]{--_size: 2.5em;--_width: .25em}loading-spinner[data-size=xl]{--_size: 4em;--_width: .3em}loading-spinner[data-variant=primary]{--_color: var(--color-interactive, oklch(55% .2 260))}loading-spinner[data-variant=success]{--_color: var(--color-success, oklch(55% .18 145))}loading-spinner[data-variant=warning]{--_color: oklch(60% .18 70)}loading-spinner[data-variant=error]{--_color: var(--color-error, oklch(55% .2 25))}loading-spinner:not([aria-label]){role:status}loading-spinner[data-overlay]{position:absolute;inset:0;inline-size:auto;block-size:auto;background:oklch(from var(--color-surface, #fff) l c h / .7);z-index:10}@keyframes vb-spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){loading-spinner:after{animation-duration:1.5s}}:root[data-motion-reduced] loading-spinner:after{animation-duration:1.5s}}@layer custom-elements{progress-ring{--_size: var(--progress-ring-size, 4em);--_width: var(--progress-ring-width, .35em);--_color: var(--progress-ring-color, var(--color-interactive, oklch(55% .2 260)));--_track: var(--progress-ring-track, oklch(from var(--_color) l c h / .15));--_progress: var(--progress, 0);display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--_size);block-size:var(--_size);border-radius:50%;vertical-align:middle;flex-shrink:0;background:conic-gradient(var(--_color) calc(var(--_progress) * 1%),var(--_track) calc(var(--_progress) * 1%));mask:radial-gradient(circle,transparent calc(50% - var(--_width)),#000 calc(50% - var(--_width) + 1px));-webkit-mask:radial-gradient(circle,transparent calc(50% - var(--_width)),#000 calc(50% - var(--_width) + 1px))}progress-ring:before{content:"";position:absolute;inset:var(--_width);border-radius:50%}progress-ring>*{position:relative;z-index:1;font-size:calc(var(--_size) * .22);font-weight:600;font-variant-numeric:tabular-nums}progress-ring[data-size=xs]{--_size: 2em;--_width: .2em}progress-ring[data-size=s]{--_size: 3em;--_width: .25em}progress-ring[data-size=m]{--_size: 4em;--_width: .35em}progress-ring[data-size=l]{--_size: 6em;--_width: .45em}progress-ring[data-size=xl]{--_size: 8em;--_width: .55em}progress-ring[data-variant=success]{--_color: var(--color-success, oklch(55% .18 145))}progress-ring[data-variant=warning]{--_color: oklch(60% .18 70)}progress-ring[data-variant=error]{--_color: var(--color-error, oklch(55% .2 25))}progress-ring[data-indeterminate]{background:conic-gradient(var(--_color) 0deg,var(--_color) 90deg,var(--_track) 90deg,var(--_track) 360deg);animation:vb-progress-ring-spin 1s linear infinite}@keyframes vb-progress-ring-spin{to{transform:rotate(360deg)}}progress-ring:not([data-indeterminate]){transition:background .3s ease}@media(prefers-reduced-motion:reduce){progress-ring[data-indeterminate]{animation-duration:2s}}:root[data-motion-reduced] progress-ring[data-indeterminate]{animation-duration:2s}}@layer custom-elements;@layer web-components{tabs-wc{display:grid;grid-template-rows:auto 1fr;border-block-end:var(--border-width-thin) solid var(--color-border)}tabs-wc>details{display:contents}tabs-wc>details{border:none;border-radius:0}tabs-wc>details>summary{grid-row:1;padding:var(--size-s) var(--size-m);border:none;border-block-end:var(--border-width-medium) solid transparent;margin-block-end:calc(var(--border-width-thin) * -1);cursor:pointer;font:inherit;font-weight:500;color:var(--color-text-muted);white-space:nowrap;min-block-size:var(--size-touch-min);list-style:none;display:flex;align-items:center;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);&:after{display:none}&::-webkit-details-marker{display:none}&:hover{color:var(--color-text)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1);border-radius:var(--radius-s)}}tabs-wc>details[open]>summary{color:var(--color-interactive);border-block-end-color:var(--color-interactive)}tabs-wc>details>summary[aria-selected=true]{color:var(--color-interactive);border-block-end-color:var(--color-interactive)}tabs-wc>details>:not(summary){grid-row:2;grid-column:1 / -1;padding:var(--size-m);display:none}tabs-wc>details[open]>:not(summary){display:block}tabs-wc>details:first-of-type>summary{grid-column-start:1}@media(prefers-reduced-motion:reduce){tabs-wc>details>summary{transition:none}}::view-transition-old(*.vt-tabs){animation:vt-fade-out var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-tabs){animation:vt-fade-in var(--motion-enter-duration, .3s) var(--ease-out)}:root[data-vt-direction=forward] ::view-transition-old(*.vt-tabs-slide){animation:vt-slide-out-left var(--motion-exit-duration, .2s) var(--ease-out)}:root[data-vt-direction=forward] ::view-transition-new(*.vt-tabs-slide){animation:vt-slide-in-left var(--motion-enter-duration, .3s) var(--ease-out)}:root[data-vt-direction=backward] ::view-transition-old(*.vt-tabs-slide){animation:vt-slide-out-right var(--motion-exit-duration, .2s) var(--ease-out)}:root[data-vt-direction=backward] ::view-transition-new(*.vt-tabs-slide){animation:vt-slide-in-right var(--motion-enter-duration, .3s) var(--ease-out)}::view-transition-old(*.vt-tabs-scale){animation:vt-scale-down var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-tabs-scale){animation:vt-scale-up var(--motion-enter-duration, .3s) var(--ease-out)}@media(prefers-reduced-motion:reduce){::view-transition-old(*.vt-tabs),::view-transition-new(*.vt-tabs),::view-transition-old(*.vt-tabs-slide),::view-transition-new(*.vt-tabs-slide),::view-transition-old(*.vt-tabs-scale),::view-transition-new(*.vt-tabs-scale){animation-duration:.01ms!important}}:root[data-motion-reduced] ::view-transition-old(*.vt-tabs),:root[data-motion-reduced] ::view-transition-new(*.vt-tabs),:root[data-motion-reduced] ::view-transition-old(*.vt-tabs-slide),:root[data-motion-reduced] ::view-transition-new(*.vt-tabs-slide),:root[data-motion-reduced] ::view-transition-old(*.vt-tabs-scale),:root[data-motion-reduced] ::view-transition-new(*.vt-tabs-scale){animation-duration:.01ms!important}}@layer web-components{foot-note{&:before{content:" ("}&:after{content:")"}}foot-note[data-enhanced]{&:before,&:after{content:none}}foot-note[data-enhanced]>a{font-size:var(--font-size-xs);vertical-align:super;line-height:0;text-decoration:none;color:var(--color-interactive);&:hover{text-decoration:underline}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:2px;border-radius:var(--radius-s)}}foot-note[data-enhanced]:not([data-side])>:not(a){position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidenote-number{font-weight:var(--font-weight-semibold)}footnotes-wc[hidden]{display:none}footnotes-wc{display:block;margin-block-start:var(--size-2xl);padding-block-start:var(--size-l);border-block-start:var(--border-width-thin) solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}footnotes-wc>ol{padding-inline-start:var(--size-l);margin:0}footnotes-wc>ol>li{margin-block-start:var(--size-s)}footnotes-wc>ol>li:first-child{margin-block-start:0}footnotes-wc [data-backref]{margin-inline-start:var(--size-xs);text-decoration:none;color:var(--color-interactive);&:hover{text-decoration:underline}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:2px;border-radius:var(--radius-s)}}footnotes-wc>ol>li:target{background:oklch(from var(--color-interactive) l c h / .1);margin-inline:calc(var(--size-s) * -1);padding-inline:var(--size-s);border-radius:var(--radius-s)}}@layer web-components{accordion-wc{display:flex;flex-direction:column}accordion-wc>details{border:none;border-radius:0}accordion-wc>details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--size-m);padding:var(--size-m);font-weight:500;cursor:pointer;list-style:none;min-block-size:var(--size-touch-min);transition:background-color var(--duration-fast) var(--ease-default);&::-webkit-details-marker{display:none}&:hover{background-color:var(--color-surface-hover)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:calc(var(--border-width-medium) * -1);border-radius:var(--radius-s)}}accordion-wc>details>summary:after{content:"";inline-size:.5em;block-size:.5em;flex-shrink:0;border-inline-end:var(--border-width-medium) solid currentColor;border-block-end:var(--border-width-medium) solid currentColor;transform:rotate(-45deg);transition:transform var(--duration-fast) var(--ease-default);background-color:transparent;mask-image:none}accordion-wc>details[open]>summary:after{transform:rotate(45deg)}accordion-wc[data-indicator=plus-minus]>details>summary:after{content:"+";font-size:1.25em;font-weight:300;line-height:1;border:none;transform:none;inline-size:auto;block-size:auto;background-color:transparent}accordion-wc[data-indicator=plus-minus]>details[open]>summary:after{content:"\2212";transform:none}accordion-wc[data-indicator=none]>details>summary:after{display:none}accordion-wc[data-indicator=custom]{--indicator-closed: "\25b8";--indicator-open: "\25be"}accordion-wc[data-indicator=custom]>details>summary:after{content:var(--indicator-closed);font-size:1em;line-height:1;border:none;transform:none;inline-size:auto;block-size:auto;background-color:transparent}accordion-wc[data-indicator=custom]>details[open]>summary:after{content:var(--indicator-open)}accordion-wc>details>:not(summary){padding:0 var(--size-m) var(--size-m)}accordion-wc[data-bordered]{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);overflow:hidden}accordion-wc[data-bordered]>details{border-block-end:var(--border-width-thin) solid var(--color-border)}accordion-wc[data-bordered]>details:last-of-type{border-block-end:none}accordion-wc[data-flush]>details>summary{padding-inline:0}accordion-wc[data-flush]>details>:not(summary){padding-inline:0}accordion-wc[data-compact]>details>summary{padding:var(--size-s);min-block-size:auto}accordion-wc[data-compact]>details>:not(summary){padding:0 var(--size-s) var(--size-s)}accordion-wc>details>::details-content{block-size:0;overflow-y:clip;transition:block-size var(--duration-normal) var(--ease-default),content-visibility var(--duration-normal) allow-discrete}accordion-wc>details[open]>::details-content{block-size:auto}@media(prefers-reduced-motion:reduce){accordion-wc>details>summary:after,accordion-wc>details>summary:before{transition:none}}::view-transition-old(*.vt-accordion){animation:vt-fade-out var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-accordion){animation:vt-fade-in var(--motion-enter-duration, .3s) var(--ease-out)}::view-transition-old(*.vt-accordion-slide){animation:vt-slide-out-left var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-accordion-slide){animation:vt-slide-in-left var(--motion-enter-duration, .3s) var(--ease-out)}::view-transition-old(*.vt-accordion-scale){animation:vt-scale-down var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-accordion-scale){animation:vt-scale-up var(--motion-enter-duration, .3s) var(--ease-out)}@media(prefers-reduced-motion:reduce){::view-transition-old(*.vt-accordion),::view-transition-new(*.vt-accordion),::view-transition-old(*.vt-accordion-slide),::view-transition-new(*.vt-accordion-slide),::view-transition-old(*.vt-accordion-scale),::view-transition-new(*.vt-accordion-scale){animation-duration:.01ms!important}}:root[data-motion-reduced] ::view-transition-old(*.vt-accordion),:root[data-motion-reduced] ::view-transition-new(*.vt-accordion),:root[data-motion-reduced] ::view-transition-old(*.vt-accordion-slide),:root[data-motion-reduced] ::view-transition-new(*.vt-accordion-slide),:root[data-motion-reduced] ::view-transition-old(*.vt-accordion-scale),:root[data-motion-reduced] ::view-transition-new(*.vt-accordion-scale){animation-duration:.01ms!important}}@layer web-components{toast-wc{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:var(--size-s);pointer-events:none;max-inline-size:min(24rem,calc(100vw - var(--size-l)));inset-block-start:var(--size-m);inset-inline-end:var(--size-m);align-items:flex-end;&[data-position=top-start]{inset-block-start:var(--size-m);inset-inline-start:var(--size-m);inset-inline-end:auto;align-items:flex-start}&[data-position=bottom-end]{inset-block-start:auto;inset-block-end:var(--size-m);inset-inline-end:var(--size-m);align-items:flex-end;flex-direction:column-reverse}&[data-position=bottom-start]{inset-block-start:auto;inset-block-end:var(--size-m);inset-inline-start:var(--size-m);inset-inline-end:auto;align-items:flex-start;flex-direction:column-reverse}&[data-position=top-center]{inset-block-start:var(--size-m);inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%);align-items:center}&[data-position=bottom-center]{inset-block-start:auto;inset-block-end:var(--size-m);inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%);align-items:center;flex-direction:column-reverse}}@scope (toast-wc){.toast{display:flex;align-items:flex-start;gap:var(--size-s);padding:var(--size-s) var(--size-m);background:var(--color-surface);border-radius:var(--radius-m);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a;pointer-events:auto;min-inline-size:12rem;max-inline-size:100%;animation:toast-enter var(--motion-enter-duration) var(--ease-out) forwards;&[data-state=hiding]{animation:toast-exit var(--motion-exit-duration) var(--ease-out) forwards}}.icon{flex-shrink:0;font-size:var(--font-size-lg);line-height:1}.message{flex:1;font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding-block:.125em}.action{flex-shrink:0;padding:var(--size-xs) var(--size-s);font-size:var(--font-size-sm);font-weight:500;background:transparent;border:none;color:var(--color-interactive);cursor:pointer;border-radius:var(--radius-s);transition:background-color var(--duration-fast) var(--ease-default);&:hover{background:var(--color-surface-hover)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-thin)}}.close{flex-shrink:0;display:flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;font-size:var(--font-size-sm);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-s);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);&:hover{background:var(--color-surface-hover);color:var(--color-text)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-thin)}}.toast[data-variant=info]{border-inline-start:var(--border-width-thick) solid var(--color-interactive);>.icon{color:var(--color-interactive)}}.toast[data-variant=success]{border-inline-start:var(--border-width-thick) solid var(--color-success);>.icon{color:var(--color-success)}}.toast[data-variant=warning]{border-inline-start:var(--border-width-thick) solid var(--color-warning);>.icon{color:var(--color-warning)}}.toast[data-variant=error]{border-inline-start:var(--border-width-thick) solid var(--color-error);>.icon{color:var(--color-error)}}}@keyframes toast-enter{0%{opacity:0;transform:translateY(calc(var(--size-m) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--size-s) * -1))}}toast-wc[data-position=bottom-end]>.toast,toast-wc[data-position=bottom-start]>.toast,toast-wc[data-position=bottom-center]>.toast{animation-name:toast-enter-bottom}@keyframes toast-enter-bottom{0%{opacity:0;transform:translateY(var(--size-m))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){@scope (toast-wc){.toast{animation:none;opacity:1;&[data-state=hiding]{animation:none;opacity:0}}}}}@layer web-components{tooltip-wc{display:inline-block;position:relative}tooltip-wc>.tooltip[data-anchor]{position:fixed;inset:auto}tooltip-wc>.tooltip[data-anchor]:not([data-tooltip-position]),tooltip-wc>.tooltip[data-anchor][data-tooltip-position=top]{bottom:anchor(top);left:anchor(center);translate:-50% calc(-1 * var(--size-xs))}tooltip-wc>.tooltip[data-anchor][data-tooltip-position=bottom]{top:anchor(bottom);left:anchor(center);translate:-50% var(--size-xs)}tooltip-wc>.tooltip[data-anchor][data-tooltip-position=left]{right:anchor(left);top:anchor(center);translate:calc(-1 * var(--size-xs)) -50%}tooltip-wc>.tooltip[data-anchor][data-tooltip-position=right]{left:anchor(right);top:anchor(center);translate:var(--size-xs) -50%}tooltip-wc>.tooltip[popover]:not([data-anchor]){position:fixed;inset:auto;justify-self:auto}tooltip-wc>.hover-card{border:none;padding:0;margin:0;overflow:visible;background:transparent;opacity:0;transform:translateY(.25rem);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}tooltip-wc>.hover-card>*{background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);padding:var(--size-m);min-inline-size:16rem;max-inline-size:22rem}tooltip-wc>.hover-card:popover-open{opacity:1;transform:translateY(0)}tooltip-wc>.hover-card img{border-radius:50%;inline-size:3rem;block-size:3rem;object-fit:cover}tooltip-wc>.hover-card .text-muted{color:var(--color-text-muted);font-size:var(--font-size-s)}@media(prefers-reduced-motion:reduce){tooltip-wc>.hover-card{transition:none;transform:none}}}@layer web-components{dropdown-wc{display:inline-block;position:relative;&[data-open]>menu,&[data-open]>ul[role=menu]{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}}@scope (dropdown-wc){menu,ul[role=menu]{position:absolute;top:var(--dropdown-top, 100%);left:var(--dropdown-left, 0);z-index:100;display:flex;flex-direction:column;margin:0;padding:var(--size-2xs) 0;list-style:none;min-inline-size:10rem;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration) var(--ease-out),visibility var(--motion-exit-duration) var(--ease-out),transform var(--motion-exit-duration) var(--ease-out);>li{margin:0;padding:0}& button,a{display:flex;align-items:center;justify-content:start;gap:var(--size-s);inline-size:100%;padding:var(--size-xs) var(--size-m);border:none;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);&:hover,&:focus{background:var(--color-surface-alt);outline:none}&:disabled{color:var(--color-text-muted);cursor:not-allowed;&:hover{background:transparent}}&.danger{color:var(--color-error);&:hover,&:focus{background:oklch(from var(--color-error) l c h / .1)}}}}[role=menuitem]{display:flex;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-xs) var(--size-m);border:none;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);&:hover,&:focus{background:var(--color-surface-alt);outline:none}&[aria-disabled=true]{color:var(--color-text-muted);cursor:not-allowed}&.danger{color:var(--color-error);&:hover,&:focus{background:oklch(from var(--color-error) l c h / .1)}}>svg,>icon-wc{flex-shrink:0;inline-size:1em;block-size:1em}}[role=separator]{block-size:1px;margin:var(--size-2xs) 0;background:var(--color-border)}}dropdown-wc>[popover]{border:none;padding:0;margin:0;background:transparent;overflow:visible;position:fixed;inset:unset;top:var(--dropdown-top, 0);left:var(--dropdown-left, 0)}dropdown-wc>[popover]:popover-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}@starting-style{dropdown-wc>[popover]:popover-open{opacity:0;transform:translateY(-.25rem)}}@media(prefers-reduced-motion:reduce){@scope (dropdown-wc){menu,ul[role=menu]{transition:none;transform:none}}dropdown-wc>[popover]:popover-open{transition:none}}}@layer web-components{theme-wc{display:inline-block;position:relative;&[data-variant=inline]{display:block}&[data-open] .panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}&[data-variant=inline] .panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0;background:transparent}}@scope (theme-wc){.panel{--panel-top: calc(100% + var(--size-xs));--panel-left: 0px;position:absolute;top:var(--panel-top);left:var(--panel-left);z-index:1000;min-inline-size:16rem;padding:var(--size-m);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration) var(--ease-out),visibility var(--motion-exit-duration) var(--ease-out),transform var(--motion-exit-duration) var(--ease-out);&[data-position=top]{transform:translateY(.25rem)}}.section{margin:0;padding:0;border:none;+.section{margin-block-start:var(--size-m);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border)}>legend{padding:0;margin-block-end:var(--size-s);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}}.options{display:flex;gap:var(--size-xs)}.option{display:block;flex:1;min-inline-size:0;cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}&:hover .option-content{background:var(--color-surface-alt)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900);& x-icon{color:var(--color-primary)}}}.option-content{display:flex;flex-direction:column;align-items:center;gap:var(--size-2xs);padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-sm);text-align:center;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);& x-icon{font-size:1.25em;color:var(--color-text-muted)}}.options--sizing{display:grid;grid-template-columns:1fr 1fr}.option--sizing .option-content{flex-direction:row;align-items:start;gap:var(--size-xs);text-align:start;padding:var(--size-xs) var(--size-s);& x-icon{flex-shrink:0;margin-block-start:.15em}}.option-text{display:flex;flex-direction:column;& small{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}}.option--sizing input:checked+.option-content .option-text small{color:var(--color-primary)}.options--swatch-grid{display:flex;flex-wrap:wrap;gap:var(--size-xs)}.swatch-cell{cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatch-visual{display:flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-s);background:var(--swatch-bg);color:var(--swatch-fg, white);border:var(--border-width-thin) solid oklch(0 0 0 / .15);transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);& x-icon{font-size:1rem}}&:hover .swatch-visual{transform:scale(1.1);border-color:var(--color-text-muted)}& input:focus-visible+.swatch-visual{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.swatch-visual{outline:2px solid var(--color-primary);outline-offset:2px;border-color:transparent}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section--extensions{border-block-start:var(--border-width-thin) solid var(--color-border);&[open] .chevron{transform:rotate(180deg)}}.extensions-toggle{display:flex;align-items:center;gap:var(--size-xs);padding:var(--size-s) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;list-style:none;&::-webkit-details-marker{display:none}&::marker{display:none}.chevron{margin-inline-start:auto;transition:transform var(--duration-fast) var(--ease-default)}&:hover{color:var(--color-text)}}.extensions-content{display:flex;flex-direction:column;gap:var(--size-xs);padding-block-end:var(--size-xs)}.extension-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);&:hover{background:var(--color-surface-alt)}& input[type=checkbox]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.extension-info{display:flex;align-items:center;gap:var(--size-xs);& x-icon{color:var(--color-text-muted);font-size:1rem}}.extension-name{font-size:var(--font-size-sm)}.toggle-switch{position:relative;inline-size:2.5rem;block-size:1.25rem;background:var(--color-surface-alt);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-round);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);&:before{content:"";position:absolute;top:2px;left:2px;inline-size:calc(1.25rem - 6px);block-size:calc(1.25rem - 6px);background:var(--color-surface);border-radius:var(--radius-round);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-default)}}.extension-toggle input:checked+.toggle-switch{background:var(--color-primary);border-color:var(--color-primary);&:before{transform:translate(1.25rem)}}.extension-toggle input:focus-visible+.toggle-switch{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.section--a11y{border-block-start:var(--border-width-thin) solid var(--color-border)}.options--a11y{display:flex;flex-direction:column;gap:var(--size-xs)}.option--a11y{display:flex;flex:none;cursor:pointer;& input[type=checkbox]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.option-content{display:flex;flex-direction:row;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-sm);text-align:start;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.option-content:before{content:"";display:block;inline-size:1rem;block-size:1rem;flex-shrink:0;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}&:hover .option-content{background:var(--color-surface-alt)}& input:focus-visible+.option-content{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}& input:checked+.option-content{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-gray-900)}& input:checked+.option-content:before{background:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:.75rem;background-repeat:no-repeat;background-position:center}& input:checked+.option-content x-icon{color:var(--color-primary)}}}@media(prefers-reduced-motion:reduce){@scope (theme-wc){.panel{transition:none;transform:none}.option-content{transition:none}}}}@layer web-components{heading-links{display:block;:is(h1,h2,h3,h4,h5,h6){position:relative;scroll-margin-top:var(--size-xl);&:hover .heading-anchor,&:focus-within .heading-anchor,&:focus .heading-anchor{opacity:1}}.heading-anchor{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:var(--size-xs);padding:var(--size-3xs);background:transparent;border-radius:var(--radius-s);color:var(--color-text-muted);text-decoration:none;opacity:0;vertical-align:middle;font-size:1rem;transition:opacity var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);&:hover{color:var(--color-interactive);background:var(--color-surface-raised)}&:focus-visible{opacity:1;outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-thin)}&.copied{color:var(--color-success)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(prefers-reduced-motion:reduce){heading-links .heading-anchor{transition:none}}}@layer web-components{page-toc{display:block}@scope (page-toc){.details{font-size:var(--font-size-sm);padding:var(--size-s)}.summary{display:block;padding:var(--size-s) var(--size-m);color:var(--color-text);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs);cursor:pointer;list-style:none;background:var(--color-surface-raised);border-radius:var(--radius-m);&::-webkit-details-marker{display:none}&:after{display:none}&:before{content:"+";display:inline-flex;align-items:center;justify-content:center;inline-size:1.25em;block-size:1.25em;margin-inline-end:var(--size-xs);font-family:var(--font-mono);font-size:.85em;font-weight:700;line-height:1;color:var(--color-text-muted);background:var(--color-surface-raised);border-radius:var(--radius-s);transition:background-color var(--duration-fast) var(--ease-default)}&:hover:before{background:var(--color-gray-300)}}.details[open]>.summary:before{content:"\2212"}.nav{padding:var(--size-s)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--size-3xs)}.item{margin:0;&[data-level="1"]{padding-inline-start:var(--size-m)}&[data-level="2"]{padding-inline-start:var(--size-xl)}}.link{display:block;padding:var(--size-2xs) var(--size-xs);color:var(--color-text-muted);text-decoration:none;border-inline-start:var(--border-width-medium) solid transparent;border-radius:0 var(--radius-s) var(--radius-s) 0;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default);&:hover{color:var(--color-text);background:var(--color-surface-raised)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:var(--border-width-thin)}&.active,&[aria-current=true]{color:var(--color-interactive);border-inline-start-color:var(--color-interactive);font-weight:500}}}@media(min-width:1024px){page-toc{position:sticky;top:var(--size-xl)}@scope (page-toc){.summary{display:block;margin-block-end:var(--size-m);padding:0;min-block-size:auto;background:transparent;cursor:default;&:before{content:"\2212"}}.nav{padding:0;padding-inline-start:var(--size-xs)}}}@media(max-width:1023px){page-toc{margin-block-end:var(--size-l)}@scope (page-toc){.details{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m)}.summary:hover{background:var(--color-gray-200)}.item[data-level="1"]:not(:has(.active)),.item[data-level="2"]:not(:has(.active)){display:none}.link{padding:var(--size-2xs) var(--size-s);border-inline-start:none;border-radius:var(--radius-s);&:hover{background:var(--color-gray-100)}&.active,&[aria-current=true]{color:var(--color-interactive);font-weight:500}}}}@media(prefers-reduced-motion:reduce){@scope (page-toc){.link,.summary:before{transition:none}}}}@layer web-components{table-wc [data-table-filter]{margin-block-end:var(--size-m)}table-wc [data-filter-input]{inline-size:100%;max-inline-size:20rem;padding:var(--size-xs) var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);&::placeholder{color:var(--color-text-muted)}&:focus{outline:none;border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}&::-webkit-search-cancel-button{cursor:pointer}}table-wc [data-pagination]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--size-2xs);margin-block-start:var(--size-m);padding-block-start:var(--size-m);border-block-start:var(--border-width-thin) solid var(--color-border)}table-wc [data-pagination] button{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--size-touch-min);min-block-size:var(--size-touch-min);padding:var(--size-2xs) var(--size-s);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);&:hover:not(:disabled){background:var(--color-surface-raised);border-color:var(--color-border-strong)}&:focus-visible{outline:var(--border-width-medium) solid var(--color-interactive);outline-offset:2px}&[data-current],&[aria-current=page]{background:var(--color-interactive);border-color:var(--color-interactive);color:var(--color-text-on-primary);font-weight:600;&:hover{background:var(--color-interactive-hover);border-color:var(--color-interactive-hover)}}&:disabled{opacity:.5;cursor:not-allowed}}table-wc [data-pagination-prev],table-wc [data-pagination-next]{padding-inline:var(--size-m)}table-wc [data-pagination-ellipsis]{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--size-touch-min);min-block-size:var(--size-touch-min);color:var(--color-text-muted);font-size:var(--font-size-sm)}table-wc:has([data-filter-input]:not(:placeholder-shown)) tbody:not(:has(tr:not([data-state-hidden]))):after{content:"No matching rows found";display:block;padding:var(--size-l);text-align:center;color:var(--color-text-muted);font-style:italic}[data-bulk-actions]{display:none}body:has(tr[data-state-selected]) [data-bulk-actions]{display:flex;gap:var(--size-m);align-items:center;padding:var(--size-s) var(--size-m);margin-block-end:var(--size-m);background:var(--color-surface-raised);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m)}[data-bulk-actions] [data-selected-count]{font-weight:var(--font-weight-semibold);color:var(--color-primary)}@media(prefers-reduced-motion:reduce){table-wc [data-filter-input],table-wc [data-pagination] button{transition:none}}}@layer web-components{search-wc{display:inline-block;position:relative;&[data-open] .dialog{display:block}}@scope (search-wc){.dialog{display:none;position:fixed;inset:0;z-index:9999}.backdrop{position:absolute;inset:0;background:#00000080;animation:vb-fade-in var(--motion-enter-duration) var(--ease-out)}.panel{position:absolute;inset-block-start:10vh;inset-inline:50%;transform:translate(-50%);inline-size:min(90vw,600px);max-block-size:70vh;display:flex;flex-direction:column;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-l);box-shadow:var(--shadow-xl);overflow:hidden;animation:slide-in var(--motion-enter-duration) var(--ease-out)}.input-wrapper{display:flex;align-items:center;gap:var(--size-s);padding:var(--size-m) var(--size-l);border-block-end:var(--border-width-thin) solid var(--color-border)}.icon{flex-shrink:0;color:var(--color-text-muted)}.input{flex:1;border:none;background:transparent;font-size:var(--font-size-lg);color:var(--color-text);outline:none;&::placeholder{color:var(--color-text-muted)}&::-webkit-search-cancel-button{display:none}}.shortcut{flex-shrink:0;padding:var(--size-3xs) var(--size-xs);background:var(--color-surface-raised);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.results{flex:1;overflow-y:auto;padding:var(--size-xs)}.result{display:block;padding:var(--size-s) var(--size-m);border-radius:var(--radius-s);text-decoration:none;color:inherit;cursor:pointer;&:hover,&[data-active]{background:var(--color-surface-raised)}&[data-active]{outline:2px solid var(--color-interactive);outline-offset:-2px}}.result-title{display:block;font-weight:600;color:var(--color-text);margin-block-end:var(--size-3xs)}.result-excerpt{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4;& mark{background:oklch(from var(--color-warning) l c h / .3);color:inherit;border-radius:2px;padding-inline:1px}}.loading,.empty,.error{padding:var(--size-xl);text-align:center;color:var(--color-text-muted)}.error{color:var(--color-error);& code{display:inline-block;margin-block-start:var(--size-xs);padding:var(--size-2xs) var(--size-xs);background:var(--color-surface-raised);border-radius:var(--radius-s);font-size:var(--font-size-sm);color:var(--color-text)}}.footer{display:flex;justify-content:space-between;align-items:center;gap:var(--size-m);padding:var(--size-s) var(--size-l);border-block-start:var(--border-width-thin) solid var(--color-border);background:var(--color-surface-raised);font-size:var(--font-size-xs);color:var(--color-text-muted)}.hint{display:flex;gap:var(--size-xs);& kbd{padding:var(--size-3xs) var(--size-2xs);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:inherit}}.powered{& a{color:inherit;text-decoration:underline;text-underline-offset:2px;&:hover{color:var(--color-text)}}}}@keyframes slide-in{0%{opacity:0;transform:translate(-50%) translateY(-1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){@scope (search-wc){.backdrop,.panel{animation:none}}}@media(max-width:600px){@scope (search-wc){.panel{inset-block-start:0;inset-inline:0;transform:none;inline-size:100%;max-block-size:100vh;border-radius:0;animation:vb-slide-down var(--motion-enter-duration) var(--ease-out)}.footer{flex-direction:column;gap:var(--size-xs)}}}}@layer web-components{card-list{display:block}card-list[data-loading]{opacity:.6;pointer-events:none}card-list[data-loading]:after{content:"Loading...";display:block;padding:var(--size-m);text-align:center;color:var(--color-text-muted);font-style:italic}card-list[data-error]:before{content:"Error: " attr(data-error);display:block;padding:var(--size-m);color:#cc272e;background:#fceae8;border-radius:var(--radius-m);margin-block-end:var(--size-m)}card-list>template{display:none}card-list[data-layout=grid]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--size-l)}card-list[data-layout=stack]{display:flex;flex-direction:column;gap:var(--size-m)}card-list[data-layout=reel]{display:flex;gap:var(--size-m);overflow-x:auto;scroll-snap-type:x mandatory;padding-block:var(--size-s)}card-list[data-layout=reel]>:not(template){flex:0 0 auto;scroll-snap-align:start}}@layer web-components{content-swap,[data-swap]{--_swap-duration: var(--motion-enter-duration, .3s);--_swap-easing: var(--ease-default, ease);display:grid}content-swap[role=button],[data-swap][role=button]{cursor:pointer}content-swap,content-swap[data-transition=flip],[data-swap],[data-swap][data-transition=flip]{perspective:800px}content-swap>[data-face],content-swap[data-transition=flip]>[data-face],[data-swap]>[data-face],[data-swap][data-transition=flip]>[data-face]{grid-area:1 / 1;backface-visibility:hidden;transition:transform var(--_swap-duration) var(--_swap-easing)}content-swap>[data-face=back],content-swap[data-transition=flip]>[data-face=back],[data-swap]>[data-face=back],[data-swap][data-transition=flip]>[data-face=back]{transform:rotateY(180deg)}content-swap[data-swapped]>[data-face=front],content-swap[data-transition=flip][data-swapped]>[data-face=front],[data-swap][data-swapped]>[data-face=front],[data-swap][data-transition=flip][data-swapped]>[data-face=front]{transform:rotateY(180deg)}content-swap[data-swapped]>[data-face=back],content-swap[data-transition=flip][data-swapped]>[data-face=back],[data-swap][data-swapped]>[data-face=back],[data-swap][data-transition=flip][data-swapped]>[data-face=back]{transform:rotateY(0)}content-swap[data-transition=flip-vertical],[data-swap][data-transition=flip-vertical]{perspective:800px}content-swap[data-transition=flip-vertical]>[data-face],[data-swap][data-transition=flip-vertical]>[data-face]{grid-area:1 / 1;backface-visibility:hidden;transition:transform var(--_swap-duration) var(--_swap-easing)}content-swap[data-transition=flip-vertical]>[data-face=back],[data-swap][data-transition=flip-vertical]>[data-face=back]{transform:rotateX(180deg)}content-swap[data-transition=flip-vertical][data-swapped]>[data-face=front],[data-swap][data-transition=flip-vertical][data-swapped]>[data-face=front]{transform:rotateX(180deg)}content-swap[data-transition=flip-vertical][data-swapped]>[data-face=back],[data-swap][data-transition=flip-vertical][data-swapped]>[data-face=back]{transform:rotateX(0)}content-swap[data-transition=fade],[data-swap][data-transition=fade]{perspective:none}content-swap[data-transition=fade]>[data-face],[data-swap][data-transition=fade]>[data-face]{grid-area:1 / 1;backface-visibility:visible;transition:opacity var(--_swap-duration) var(--_swap-easing)}content-swap[data-transition=fade]>[data-face=back],[data-swap][data-transition=fade]>[data-face=back]{opacity:0}content-swap[data-transition=fade][data-swapped]>[data-face=front],[data-swap][data-transition=fade][data-swapped]>[data-face=front]{opacity:0}content-swap[data-transition=fade][data-swapped]>[data-face=back],[data-swap][data-transition=fade][data-swapped]>[data-face=back]{opacity:1}content-swap[data-transition=slide-left],[data-swap][data-transition=slide-left]{perspective:none;overflow:hidden}content-swap[data-transition=slide-left]>[data-face],[data-swap][data-transition=slide-left]>[data-face]{grid-area:1 / 1;backface-visibility:visible;transition:transform var(--_swap-duration) var(--_swap-easing)}content-swap[data-transition=slide-left]>[data-face=back],[data-swap][data-transition=slide-left]>[data-face=back]{transform:translate(100%)}content-swap[data-transition=slide-left][data-swapped]>[data-face=front],[data-swap][data-transition=slide-left][data-swapped]>[data-face=front]{transform:translate(-100%)}content-swap[data-transition=slide-left][data-swapped]>[data-face=back],[data-swap][data-transition=slide-left][data-swapped]>[data-face=back]{transform:translate(0)}content-swap[data-transition=slide-up],[data-swap][data-transition=slide-up]{perspective:none;overflow:hidden}content-swap[data-transition=slide-up]>[data-face],[data-swap][data-transition=slide-up]>[data-face]{grid-area:1 / 1;backface-visibility:visible;transition:transform var(--_swap-duration) var(--_swap-easing)}content-swap[data-transition=slide-up]>[data-face=back],[data-swap][data-transition=slide-up]>[data-face=back]{transform:translateY(100%)}content-swap[data-transition=slide-up][data-swapped]>[data-face=front],[data-swap][data-transition=slide-up][data-swapped]>[data-face=front]{transform:translateY(-100%)}content-swap[data-transition=slide-up][data-swapped]>[data-face=back],[data-swap][data-transition=slide-up][data-swapped]>[data-face=back]{transform:translateY(0)}content-swap[data-transition=scale],[data-swap][data-transition=scale]{perspective:none}content-swap[data-transition=scale]>[data-face],[data-swap][data-transition=scale]>[data-face]{grid-area:1 / 1;backface-visibility:visible;transition:opacity var(--_swap-duration) var(--_swap-easing),transform var(--_swap-duration) var(--_swap-easing)}content-swap[data-transition=scale]>[data-face=back],[data-swap][data-transition=scale]>[data-face=back]{opacity:0;transform:scale(.85)}content-swap[data-transition=scale][data-swapped]>[data-face=front],[data-swap][data-transition=scale][data-swapped]>[data-face=front]{opacity:0;transform:scale(.85)}content-swap[data-transition=scale][data-swapped]>[data-face=back],[data-swap][data-transition=scale][data-swapped]>[data-face=back]{opacity:1;transform:scale(1)}content-swap[data-card],[data-swap-autocard] content-swap:not(:has(>layout-card)),[data-swap-autocard] [data-swap]:not(:has(>layout-card)){background:var(--color-surface);border-radius:var(--radius-l);box-shadow:0 1px 3px #0000001a;overflow:hidden}content-swap[data-card]>[data-face],[data-swap-autocard] content-swap:not(:has(>layout-card))>[data-face],[data-swap-autocard] [data-swap]:not(:has(>layout-card))>[data-face]{padding:var(--size-l)}content-swap[data-card][data-variant=elevated],[data-swap-autocard] content-swap[data-variant=elevated]:not(:has(>layout-card)){box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d}content-swap[data-card][data-variant=outlined],[data-swap-autocard] content-swap[data-variant=outlined]:not(:has(>layout-card)){box-shadow:none;border:var(--border-width-thin) solid var(--color-border)}content-swap[data-card][data-variant=ghost],[data-swap-autocard] content-swap[data-variant=ghost]:not(:has(>layout-card)){box-shadow:none;background:transparent}content-swap:not(:defined)>[data-face],[data-swap]:not([data-swap-init])>[data-face]{backface-visibility:visible;transform:none;opacity:1}content-swap:not(:defined)>[data-face=back],[data-swap]:not([data-swap-init])>[data-face=back]{margin-block-start:var(--size-m)}::view-transition-old(content-swap-*),::view-transition-new(content-swap-*){animation-duration:var(--motion-enter-duration, .3s);animation-timing-function:var(--ease-default, ease)}::view-transition-old(content-swap-*){animation-name:vt-swap-out}::view-transition-new(content-swap-*){animation-name:vt-swap-in}@keyframes vt-swap-out{to{opacity:0}}@keyframes vt-swap-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){content-swap,[data-swap]{--_swap-duration: 0s}}:root[data-motion-reduced] content-swap,:root[data-motion-reduced] [data-swap]{--_swap-duration: 0s}}@layer web-components{comparison-wc:not(:defined){display:grid;grid-template-columns:1fr 1fr;gap:var(--size-s)}comparison-wc:not(:defined)>*{display:block;width:100%}comparison-wc:defined{display:grid;position:relative;overflow:hidden}comparison-wc:defined>:not(.comparison-divider){grid-area:1 / 1;display:block;width:100%}comparison-wc:defined>:not(.comparison-divider):nth-child(2){clip-path:inset(0 0 0 var(--_position, 50%))}.comparison-divider{grid-area:1 / 1;position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:#fff;cursor:col-resize;touch-action:none;z-index:1;box-shadow:0 0 4px #0000004d}.comparison-divider:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;border:2px solid oklch(0% 0 0 / .15);box-shadow:0 2px 8px #0003}.comparison-divider:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:2px}}@layer web-components{splitter-wc:not(:defined){display:flex;gap:var(--size-s)}splitter-wc:not(:defined)>*{flex:1;min-width:0}splitter-wc:not(:defined)[data-direction=vertical]{flex-direction:column}splitter-wc:defined{display:flex;min-height:0}splitter-wc:defined[data-direction=vertical]{flex-direction:column}splitter-wc:defined>:not(.splitter-divider){min-width:0;min-height:0}.splitter-divider{flex:0 0 auto;width:5px;background:var(--color-border, oklch(80% 0 0));cursor:col-resize;touch-action:none;position:relative;z-index:1;transition:background .15s ease}.splitter-divider:hover,.splitter-divider:active{background:var(--color-interactive, oklch(55% .15 250))}[data-direction=vertical]>.splitter-divider,[data-splitter=vertical]>.splitter-divider{width:auto;height:5px;cursor:row-resize}.splitter-divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:24px;border-radius:2px;background:var(--color-text-muted, oklch(60% 0 0));opacity:.5;transition:opacity .15s ease}.splitter-divider:hover:after{opacity:.8}[data-direction=vertical]>.splitter-divider:after,[data-splitter=vertical]>.splitter-divider:after{width:24px;height:4px}.splitter-divider:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:-1px}@media(prefers-reduced-motion:reduce){.splitter-divider{transition-duration:0s}}}@layer web-components{carousel-wc:not(:defined){display:flex;overflow-x:auto;gap:var(--size-s);scroll-snap-type:x mandatory}carousel-wc:not(:defined)>*{flex:0 0 auto;scroll-snap-align:start}carousel-wc:defined{display:grid;grid-template-areas:"prev track next" ".    dots  .";grid-template-columns:auto 1fr auto;align-items:center;gap:var(--size-s);position:relative}.carousel-track{grid-area:track;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:var(--_gap, 0px)}.carousel-track::-webkit-scrollbar{display:none}.carousel-track:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:2px;border-radius:var(--radius-s)}.carousel-track>*{flex:0 0 100%;scroll-snap-align:start;min-width:0}carousel-wc[data-item-width=auto] .carousel-track>*{flex:0 0 auto}carousel-wc:not([data-item-width]) .carousel-track>*,carousel-wc[data-item-width=full] .carousel-track>*{scroll-snap-align:center}carousel-wc[data-gap=xs]{--_gap: var(--size-xs)}carousel-wc[data-gap=s]{--_gap: var(--size-s)}carousel-wc[data-gap=m]{--_gap: var(--size-m)}carousel-wc[data-gap=l]{--_gap: var(--size-l)}carousel-wc[data-gap=xl]{--_gap: var(--size-xl)}.carousel-prev,.carousel-next{grid-area:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-block-size:0;min-inline-size:0;padding:0;border-radius:var(--radius-full, 50%);border:var(--border-width-thin) solid var(--color-border);background:var(--color-surface, #fff);color:var(--color-text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;flex-shrink:0}.carousel-prev{grid-area:prev}.carousel-next{grid-area:next}.carousel-prev:hover:not(:disabled),.carousel-next:hover:not(:disabled){border-color:var(--color-interactive, oklch(55% .15 250));box-shadow:0 2px 8px #00000014}.carousel-prev:disabled,.carousel-next:disabled{opacity:.35;cursor:not-allowed}.carousel-prev:focus-visible,.carousel-next:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:2px}.carousel-indicators{grid-area:dots;display:flex;justify-content:center;gap:var(--size-xs);padding-block-start:var(--size-xs)}.carousel-dot{width:10px;height:10px;min-block-size:0;min-inline-size:0;border-radius:var(--radius-full, 50%);border:none;background:var(--color-border, oklch(80% 0 0));cursor:pointer;padding:0;transition:transform .15s ease,background .15s ease}.carousel-dot:hover{background:var(--color-text-muted, oklch(60% 0 0))}.carousel-dot[data-active]{background:var(--color-interactive, oklch(55% .15 250));transform:scale(1.3)}.carousel-dot:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:2px}.carousel-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}.carousel-prev,.carousel-next,.carousel-dot{transition-duration:0s}}carousel-wc[data-transition]:defined .carousel-track{display:grid;grid-template-areas:"slide";overflow:visible;scroll-snap-type:none}carousel-wc[data-transition]:defined .carousel-track>[role=group]{grid-area:slide}carousel-wc[data-transition]:defined .carousel-track>[hidden]{display:none}::view-transition-old(*.vt-carousel){animation:vt-fade-out var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-carousel){animation:vt-fade-in var(--motion-enter-duration, .3s) var(--ease-out)}:root[data-vt-direction=forward] ::view-transition-old(*.vt-carousel-slide){animation:vt-slide-out-left var(--motion-exit-duration, .2s) var(--ease-out)}:root[data-vt-direction=forward] ::view-transition-new(*.vt-carousel-slide){animation:vt-slide-in-left var(--motion-enter-duration, .3s) var(--ease-out)}:root[data-vt-direction=backward] ::view-transition-old(*.vt-carousel-slide){animation:vt-slide-out-right var(--motion-exit-duration, .2s) var(--ease-out)}:root[data-vt-direction=backward] ::view-transition-new(*.vt-carousel-slide){animation:vt-slide-in-right var(--motion-enter-duration, .3s) var(--ease-out)}::view-transition-old(*.vt-carousel-scale){animation:vt-scale-down var(--motion-exit-duration, .2s) var(--ease-out)}::view-transition-new(*.vt-carousel-scale){animation:vt-scale-up var(--motion-enter-duration, .3s) var(--ease-out)}@media(prefers-reduced-motion:reduce){::view-transition-old(*.vt-carousel),::view-transition-new(*.vt-carousel),::view-transition-old(*.vt-carousel-slide),::view-transition-new(*.vt-carousel-slide),::view-transition-old(*.vt-carousel-scale),::view-transition-new(*.vt-carousel-scale){animation-duration:.01ms!important}}:root[data-motion-reduced] ::view-transition-old(*.vt-carousel),:root[data-motion-reduced] ::view-transition-new(*.vt-carousel),:root[data-motion-reduced] ::view-transition-old(*.vt-carousel-slide),:root[data-motion-reduced] ::view-transition-new(*.vt-carousel-slide),:root[data-motion-reduced] ::view-transition-old(*.vt-carousel-scale),:root[data-motion-reduced] ::view-transition-new(*.vt-carousel-scale){animation-duration:.01ms!important}}@layer web-components{rating-wc:not(:defined){display:inline-block;min-height:1.5rem;min-width:7.5rem}rating-wc:defined{display:inline-block}rating-wc[data-readonly]{cursor:default}}@layer web-components{combobox-wc{display:inline-block;position:relative;&[data-open]>ul,&[data-open]>ol{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out)}}combobox-wc:not(:defined){display:block;>ul,>ol{list-style:none;padding:0;margin-block-start:var(--size-xs);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);max-block-size:12rem;overflow-y:auto}>ul>li,>ol>li{padding:var(--size-xs) var(--size-m)}}@scope (combobox-wc){:scope:not([data-multiple])>input{inline-size:100%}ul,ol{position:absolute;z-index:100;inset-inline:0;margin:0;margin-block-start:var(--size-3xs);padding:var(--size-2xs) 0;list-style:none;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);max-block-size:16rem;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--motion-exit-duration) var(--ease-out),visibility var(--motion-exit-duration) var(--ease-out),transform var(--motion-exit-duration) var(--ease-out)}li[data-value]{padding:var(--size-xs) var(--size-m);margin:0;cursor:pointer;color:var(--color-text);font-size:var(--font-size-sm);transition:background-color var(--duration-fast) var(--ease-default);&:hover{background:var(--color-surface-alt)}&[data-active]{background:var(--color-surface-alt);outline:2px solid var(--color-interactive);outline-offset:-2px}&[aria-selected=true]{font-weight:500;color:var(--color-interactive)}&[hidden]{display:none}}}@scope (combobox-wc[data-multiple]){.tags-input-area{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-2xs);padding:var(--size-2xs) var(--size-xs);min-block-size:var(--size-touch-min);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);cursor:text;transition:border-color var(--duration-fast);&:focus-within{border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}}.tag{display:inline-flex;align-items:center;gap:var(--size-3xs);padding:var(--size-3xs) var(--size-xs);background:var(--color-surface-raised);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-pill, 999px);font-size:var(--font-size-s);line-height:1.4;white-space:nowrap;color:var(--color-text);& button{all:unset;display:inline-flex;align-items:center;justify-content:center;inline-size:1.1em;block-size:1.1em;border-radius:50%;font-size:1em;line-height:1;cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-fast),background var(--duration-fast);&:hover{color:var(--color-error, oklch(55% .2 25));background:oklch(from var(--color-error, oklch(55% .2 25)) l c h / .1)}&:focus-visible{outline:2px solid var(--color-interactive);outline-offset:1px}}}input{all:unset;flex:1;min-inline-size:6rem;padding:var(--size-3xs) 0;font:inherit;color:var(--color-text);&::placeholder{color:var(--color-text-muted)}&:disabled{display:none}}}combobox-wc>[popover]{border:none;padding:0;margin:0;background:transparent;overflow:visible;position:fixed;inset:unset;top:var(--combobox-top, 0);left:var(--combobox-left, 0);inline-size:var(--combobox-width, auto)}combobox-wc>[popover]:popover-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}@starting-style{combobox-wc>[popover]:popover-open{opacity:0;transform:translateY(-.25rem)}}@media(prefers-reduced-motion:reduce){@scope (combobox-wc){ul,ol{transition:none;transform:none}}combobox-wc>[popover]:popover-open{transition:none}}}@layer web-components{context-menu{display:block;&[data-open]>menu,&[data-open]>ul[role=menu]{opacity:1;visibility:visible;transform:scale(1)}}@scope (context-menu){menu,ul[role=menu]{position:fixed;top:var(--ctx-top, 0);left:var(--ctx-left, 0);z-index:200;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;margin:0;padding:var(--size-2xs) 0;list-style:none;min-inline-size:10rem;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:scale(.95);transform-origin:top left;transition:opacity var(--motion-enter-duration) var(--ease-out),visibility var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out);>li{margin:0;padding:0}>li>button,>li>a{display:flex;align-items:center;justify-content:flex-start;gap:var(--size-s);inline-size:100%;padding:var(--size-xs) var(--size-m);border:none;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);&:hover,&:focus{background:var(--color-surface-alt);outline:none}&[data-disabled]{color:var(--color-text-muted);cursor:not-allowed;&:hover{background:transparent}}&.danger{color:var(--color-error);&:hover,&:focus{background:oklch(from var(--color-error) l c h / .1)}}}& button>svg,button>icon-wc,a>svg,a>icon-wc{flex-shrink:0;inline-size:1em;block-size:1em}>[role=separator]{block-size:1px;margin:var(--size-2xs) 0;background:var(--color-border)}>li[data-group]{padding:var(--size-xs) var(--size-m) var(--size-xs) var(--size-s);font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}>li[data-group]:not(:first-child){margin-block-start:var(--size-2xs);border-block-start:1px solid var(--color-border);padding-block-start:var(--size-s)}.ctx-kbd{margin-inline-start:auto;font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted);background:var(--color-surface-raised);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-s);border:var(--border-width-thin) solid var(--color-border);font-family:inherit}}}context-menu>[popover]{border:none;padding:0;margin:0;background:transparent;overflow:visible;position:fixed;inset:unset;top:var(--ctx-top, 0);left:var(--ctx-left, 0)}context-menu>[popover]:popover-open{opacity:1;visibility:visible;transform:scale(1);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}@starting-style{context-menu>[popover]:popover-open{opacity:0;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){@scope (context-menu){menu,ul[role=menu]{transition:none;transform:none}}context-menu>[popover]:popover-open{transition:none}}}@layer web-components{command-wc{display:contents}command-group,command-item{display:none}@scope (command-wc){.command-dialog{max-inline-size:min(90vw,32rem);max-block-size:min(85dvh,24rem);padding:0;border:none;border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-text);box-shadow:0 0 0 1px #0000000d,0 10px 25px -5px #00000026,0 20px 50px -10px #0000001a;overflow:hidden}.command-dialog::backdrop{background:#0006;backdrop-filter:blur(2px)}.command-dialog[open]{animation:vb-scale-in var(--motion-enter-duration) var(--ease-out);opacity:1;transform:scale(1);transition:opacity var(--motion-enter-duration) var(--ease-out),transform var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}.command-dialog[open]::backdrop{opacity:1;transition:opacity var(--motion-enter-duration) var(--ease-out),display var(--motion-enter-duration) allow-discrete,overlay var(--motion-enter-duration) allow-discrete}@starting-style{.command-dialog[open]{opacity:0;transform:scale(.9)}.command-dialog[open]::backdrop{opacity:0}}.command-search{padding:var(--size-m) var(--size-m);border-block-end:1px solid var(--color-border)}.command-search input{inline-size:100%;border:none;background:transparent;font:inherit;font-size:var(--font-size-base, 1rem);color:var(--color-text);outline:none;padding:var(--size-xs) 0;min-block-size:0}.command-search input::placeholder{color:var(--color-text-muted)}.command-list{overflow-y:auto;max-block-size:min(60dvh,18rem);padding:var(--size-2xs) 0}.command-group-header{padding:var(--size-xs) var(--size-m);font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.command-group-header:not(:first-child){margin-block-start:var(--size-2xs);border-block-start:1px solid var(--color-border);padding-block-start:var(--size-s)}.command-option{display:flex;align-items:center;gap:var(--size-s);inline-size:100%;padding:var(--size-xs) var(--size-m);border:none;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:start;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);&:hover,&[data-active]{background:var(--color-surface-alt)}&[hidden]{display:none}}.command-icon{flex-shrink:0;display:inline-flex;color:var(--color-text-muted)}.command-icon>svg,.command-icon>icon-wc{inline-size:1em;block-size:1em}.command-label{flex:1}.command-kbd{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted);background:var(--color-surface-raised);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-s);border:var(--border-width-thin) solid var(--color-border);font-family:inherit}.command-option[data-auto]{color:var(--color-text-muted)}.command-empty{padding:var(--size-l) var(--size-m);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}}@media(prefers-reduced-motion:reduce){@scope (command-wc){.command-dialog[open]{animation:none;transition:none}.command-dialog[open]::backdrop{transition:none}}}}@layer web-components{shortcuts-wc{display:contents}@scope (shortcuts-wc){.shortcuts-dialog{max-inline-size:min(90vw,28rem);max-block-size:min(85dvh,32rem);padding:0;border:none;border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-text);box-shadow:0 0 0 1px #0000000d,0 10px 25px -5px #00000026,0 20px 50px -10px #0000001a;overflow:hidden}.shortcuts-dialog::backdrop{background:#0006;backdrop-filter:blur(2px)}.shortcuts-dialog[open]{animation:vb-scale-in var(--motion-enter-duration) var(--ease-out)}.shortcuts-header{padding:var(--size-m) var(--size-l);border-block-end:1px solid var(--color-border)}.shortcuts-header h2{margin:0;font-size:var(--font-size-base, 1rem);font-weight:600}.shortcuts-body{overflow-y:auto;max-block-size:min(65dvh,26rem);padding:var(--size-s) 0}.shortcuts-group-header{padding:var(--size-xs) var(--size-l);font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.shortcuts-group:not(:first-child) .shortcuts-group-header{margin-block-start:var(--size-2xs);border-block-start:1px solid var(--color-border);padding-block-start:var(--size-s)}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:var(--size-m);padding:var(--size-xs) var(--size-l)}.shortcuts-label{flex:1;font-size:var(--font-size-sm)}.shortcuts-kbd{flex-shrink:0;font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted);background:var(--color-surface-raised);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-s);border:var(--border-width-thin) solid var(--color-border);font-family:inherit;min-inline-size:2rem;text-align:center}}@media(prefers-reduced-motion:reduce){@scope (shortcuts-wc){.shortcuts-dialog[open]{animation:none}}}}@layer web-components{qr-code{display:inline-flex;align-items:center;justify-content:center}qr-code canvas{display:block;image-rendering:pixelated;max-inline-size:100%;block-size:auto}}@layer web-components{html-include-wc{display:block}html-include-wc[data-loading]{min-block-size:2em}html-include-wc[data-error]:after{content:"Failed to load content";display:block;padding:var(--size-s);color:var(--color-text-muted);font-size:var(--font-size-s);font-style:italic}html-include-wc[data-error]:not(:empty):after{display:none}}@layer web-components{slide-accept-wc:not(:defined){display:inline-flex;align-items:center;padding:var(--size-xs) var(--size-m);border-radius:var(--radius-pill, 999px);background:var(--color-surface-raised);border:var(--border-width-thin, 1px) solid var(--color-border);font-size:var(--font-size-s);color:var(--color-text-muted)}slide-accept-wc:defined{display:block;position:relative}.slide-track{position:relative;display:flex;align-items:center;height:3.5rem;border-radius:var(--radius-pill, 999px);background:var(--color-surface-raised, oklch(95% 0 0));border:var(--border-width-thin, 1px) solid var(--color-border);overflow:hidden;user-select:none;-webkit-user-select:none}.slide-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-s);font-weight:500;color:var(--color-text-muted);pointer-events:none;transition:opacity .2s ease}.slide-handle{all:unset;position:absolute;top:4px;left:calc(var(--_slide-position, 0) / 100 * (100% - 3.25rem));width:3.25rem;height:calc(3.5rem - 8px);border-radius:var(--radius-pill, 999px);background:var(--color-interactive, oklch(55% .2 260));color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;z-index:1;box-shadow:0 2px 8px #00000026;transition:none}.slide-handle:active{cursor:grabbing}slide-accept-wc[data-transitioning] .slide-handle{transition:left .4s cubic-bezier(.34,1.56,.64,1)}.slide-handle:focus-visible{outline:3px solid var(--color-focus, oklch(60% .2 260));outline-offset:2px}slide-accept-wc[data-activated] .slide-track{background:color-mix(in oklch,var(--color-success, oklch(50% .15 145)) 15%,var(--color-surface-raised, oklch(95% 0 0)));border-color:var(--color-success, oklch(50% .15 145))}slide-accept-wc[data-activated] .slide-handle{background:var(--color-success, oklch(50% .15 145));cursor:default}slide-accept-wc[data-activated] .slide-label{color:var(--color-success, oklch(40% .15 145));font-weight:600}.slide-track:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--_slide-position, 0) * 1%);background:color-mix(in oklch,var(--color-interactive, oklch(55% .2 260)) 10%,transparent);border-radius:inherit;pointer-events:none;transition:none}slide-accept-wc[data-transitioning] .slide-track:before{transition:width .4s cubic-bezier(.34,1.56,.64,1)}slide-accept-wc[data-activated] .slide-track:before{background:color-mix(in oklch,var(--color-success, oklch(50% .15 145)) 10%,transparent)}slide-accept-wc[data-attention=shimmer]:not([data-activated]):not([data-dragging]) .slide-track:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,oklch(100% 0 0 / .15) 50%,transparent 65%);background-size:200% 100%;animation:slide-accept-shimmer 2.5s ease-in-out infinite;border-radius:inherit;pointer-events:none}@keyframes slide-accept-shimmer{0%{background-position:200% center}to{background-position:-200% center}}slide-accept-wc[data-attention=pulse]:not([data-activated]):not([data-dragging]) .slide-handle{animation:slide-accept-pulse 1.8s ease-in-out infinite}@keyframes slide-accept-pulse{0%,to{box-shadow:0 2px 8px #00000026}50%{box-shadow:0 2px 16px oklch(from var(--color-interactive, oklch(55% .2 260)) l c h / .4)}}@media(prefers-reduced-motion:reduce){slide-accept-wc[data-transitioning] .slide-handle,slide-accept-wc[data-transitioning] .slide-track:before{transition-duration:0s}slide-accept-wc[data-attention=shimmer] .slide-track:after{animation:none}slide-accept-wc[data-attention=pulse] .slide-handle{animation:none}}:root[data-motion-reduced] slide-accept-wc[data-transitioning] .slide-handle,:root[data-motion-reduced] slide-accept-wc[data-transitioning] .slide-track:before{transition-duration:0s}:root[data-motion-reduced] slide-accept-wc[data-attention=shimmer] .slide-track:after{animation:none}:root[data-motion-reduced] slide-accept-wc[data-attention=pulse] .slide-handle{animation:none}}@layer web-components{drag-surface{display:block;min-block-size:4rem;flex:1;transition:background-color .15s ease}drag-surface[data-layout]{display:revert-layer}drag-surface:not(:defined){display:block}}@layer web-components{@scope (emoji-picker){:scope{position:relative;display:inline-block}.picker{position:absolute;z-index:100;inset-block-start:100%;inset-inline-start:0;margin-block-start:var(--size-2xs, 4px);background:var(--color-surface, #fff);border:var(--border-width-thin, 1px) solid var(--color-border, #ddd);border-radius:var(--radius-m, .5rem);box-shadow:var(--shadow-m, 0 4px 12px oklch(0% 0 0 / .12));inline-size:20rem;max-block-size:24rem;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}.picker[hidden]{display:none}input[type=search]{display:block;inline-size:100%;padding:var(--size-xs, .5rem) var(--size-s, .75rem);border:none;border-block-end:var(--border-width-thin, 1px) solid var(--color-border, #ddd);background:transparent;font:inherit;font-size:var(--font-size-s, .875rem);color:var(--color-text, #333);outline:none;min-block-size:0}input[type=search]::placeholder{color:var(--color-text-muted, #999)}input[type=search]:focus{box-shadow:inset 0 -2px 0 var(--color-interactive, oklch(55% .2 260))}.categories{display:flex;gap:0;border-block-end:var(--border-width-thin, 1px) solid var(--color-border, #ddd);overflow-x:auto;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.categories button{all:unset;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--size-2xs, 4px);font-size:1.1rem;cursor:pointer;border-block-end:2px solid transparent;transition:background var(--duration-fast, .15s);min-block-size:2rem}.categories button:hover{background:var(--color-surface-raised, oklch(96% 0 0))}.categories button[aria-selected=true]{border-block-end-color:var(--color-interactive, oklch(55% .2 260));background:var(--color-surface-raised, oklch(96% 0 0))}.categories button:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:-2px}.grid{overflow-y:auto;padding:var(--size-2xs, 4px);display:grid;grid-template-columns:repeat(8,1fr);gap:1px;align-content:start}.grid .group-label{grid-column:1 / -1;padding:var(--size-2xs, 4px) var(--size-2xs, 4px);font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-text-muted, #999);text-transform:uppercase;letter-spacing:.04em;position:sticky;inset-block-start:0;background:var(--color-surface, #fff);z-index:1}.grid .no-results{grid-column:1 / -1;padding:var(--size-l, 1.5rem) var(--size-s, .75rem);text-align:center;color:var(--color-text-muted, #999);font-size:var(--font-size-s, .875rem)}.grid button{all:unset;display:flex;align-items:center;justify-content:center;inline-size:100%;aspect-ratio:1;font-size:1.4rem;line-height:1;cursor:pointer;border-radius:var(--radius-s, 4px);transition:background var(--duration-fast, .15s)}.grid button:hover{background:var(--color-surface-raised, oklch(96% 0 0))}.grid button:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:-2px;background:var(--color-surface-raised, oklch(96% 0 0))}}emoji-picker:not(:defined) .picker{display:none}}@layer web-components{settings-wc{display:inline-block;position:relative;&[data-open] .settings-panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--motion-enter-duration, .2s) var(--ease-out, ease-out),visibility var(--motion-enter-duration, .2s) var(--ease-out, ease-out),transform var(--motion-enter-duration, .2s) var(--ease-out, ease-out)}}@scope (settings-wc){.settings-trigger{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);padding:var(--size-3xs, 2px);border-radius:var(--radius-s);transition:color var(--duration-fast, .15s);&:hover{color:var(--color-text)}&:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}.settings-panel{position:absolute;bottom:calc(100% + 8px);right:0;z-index:1000;inline-size:320px;max-block-size:min(80vh,500px);overflow-y:auto;background:var(--color-surface);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-m);opacity:0;visibility:hidden;transform:translateY(.5rem);transition:opacity var(--motion-exit-duration, .15s) var(--ease-out, ease-out),visibility var(--motion-exit-duration, .15s) var(--ease-out, ease-out),transform var(--motion-exit-duration, .15s) var(--ease-out, ease-out)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--size-xs) var(--size-s) var(--size-xs) var(--size-m);border-block-end:var(--border-width-thin, 1px) solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-close{all:unset;display:inline-flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;border-radius:var(--radius-s);cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-fast, .15s),background var(--duration-fast, .15s);&:hover{color:var(--color-text);background:var(--color-surface-alt, oklch(97% 0 0))}&:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}.settings-body{padding:0}.settings-body>details{border:none;border-radius:0;border-block-end:var(--border-width-thin, 1px) solid var(--color-border);&:last-of-type{border-block-end:none}>summary{padding:var(--size-xs) var(--size-m);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--color-text);transition:background var(--duration-fast, .15s);&:hover{background:var(--color-surface-alt, oklch(97% 0 0))}&:after{content:"";display:block;inline-size:.4em;block-size:.4em;border-inline-end:2px solid var(--color-text-muted);border-block-end:2px solid var(--color-text-muted);transform:rotate(-45deg);transition:transform var(--duration-fast, .15s);flex-shrink:0;margin-inline-start:var(--size-s)}&::-webkit-details-marker{display:none}&::marker{display:none;content:""}}&[open]>summary:after{transform:rotate(45deg)}}.settings-section{padding:0 var(--size-m) var(--size-s);display:flex;flex-direction:column;gap:var(--size-s)}.settings-label{font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.segmented-control{display:flex;background:var(--color-surface-alt, oklch(95% 0 0));border-radius:var(--radius-s);padding:2px;gap:2px}.segment{flex:1;text-align:center;cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}& span{display:block;padding:var(--size-2xs, 4px) var(--size-xs, 8px);border-radius:calc(var(--radius-s) - 2px);font-size:var(--font-size-sm);transition:background var(--duration-fast, .15s),box-shadow var(--duration-fast, .15s)}&:hover span{background:var(--color-surface)}& input:checked+span{background:var(--color-surface);box-shadow:var(--shadow-xs, 0 1px 2px oklch(0 0 0 / .08));font-weight:var(--font-weight-medium, 500)}& input:focus-visible+span{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}select{font:inherit;font-size:var(--font-size-sm);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface);color:var(--color-text);cursor:pointer;inline-size:100%;&:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}.accent-row{display:flex;flex-direction:column;gap:var(--size-xs);&[hidden]{display:none}}.accent-swatches{display:flex;flex-wrap:wrap;gap:var(--size-xs)}.accent-swatch{cursor:pointer;& input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.accent-dot{display:flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;border:2px solid transparent;transition:transform var(--duration-fast, .15s),border-color var(--duration-fast, .15s)}&:hover .accent-dot{transform:scale(1.15)}& input:checked+.accent-dot{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-text)}& input:focus-visible+.accent-dot{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}.accent-swatch--none .accent-dot svg{opacity:.8}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--size-s);font-size:var(--font-size-sm);cursor:pointer;padding:var(--size-2xs, 4px) 0}.density-row{display:flex;flex-direction:column;gap:var(--size-xs);&[hidden]{display:none}}.settings-footer{padding:var(--size-xs) var(--size-m);border-block-start:var(--border-width-thin, 1px) solid var(--color-border)}.settings-reset{all:unset;display:block;inline-size:100%;text-align:center;padding:var(--size-2xs) var(--size-s);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast, .15s);&:hover{color:var(--color-text)}&:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--color-interactive));outline-offset:var(--focus-ring-offset, 2px)}}}@media(prefers-reduced-motion:reduce){@scope (settings-wc){.settings-panel{transition:none;transform:none}}}}@layer web-components{geo-map:not(:defined){display:block;padding:var(--size-m, 1rem);background:var(--color-surface-raised, #f5f5f5);border:var(--border-width-thin, 1px) solid var(--color-border, #ddd);border-radius:var(--radius-m, .5rem);color:var(--color-text, #333)}.animate-image-wrapper{position:relative;display:inline-block}.animate-image-wrapper>img{display:block}.animate-image-toggle{all:unset;position:absolute;inset-block-end:var(--size-xs, .5rem);inset-inline-end:var(--size-xs, .5rem);display:flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border-radius:50%;background:#0009;color:#fff;cursor:pointer;z-index:1;transition:background var(--duration-fast, .15s)}.animate-image-toggle:hover{background:#000c}.animate-image-toggle:focus-visible{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:2px}.animate-image-toggle:before{content:"";display:block;inline-size:.35rem;block-size:.7rem;border-inline:2px solid white}.animate-image-toggle.paused:before{inline-size:0;block-size:0;border-inline:none;border-block-start:.4rem solid transparent;border-block-end:.4rem solid transparent;border-inline-start:.6rem solid white;margin-inline-start:2px}input[data-mask][data-mask-init]{font-variant-numeric:tabular-nums}[data-copy][data-state=copied],[data-copy-target][data-state=copied]{color:var(--color-success, oklch(50% .15 145))}time[data-format-date=relative]{cursor:help}data[data-format-number],data[data-format-bytes]{font-variant-numeric:tabular-nums}data[data-ticker]{font-variant-numeric:tabular-nums}kbd[data-hotkey]{display:inline-flex;align-items:center;gap:.15em;background:none;border:none;box-shadow:none;padding:0;font-family:inherit}kbd[data-hotkey] kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;line-height:1.4}[data-spoiler][data-spoiler-init]{position:relative}[data-spoiler][data-spoiler-init]>[data-spoiler-content]{user-select:none;transition:filter .3s ease,opacity .3s ease}[data-spoiler=blur][data-spoiler-init]>[data-spoiler-content]{filter:blur(8px)}[data-spoiler=blur][data-spoiler-init][data-spoiler-visible]>[data-spoiler-content]{filter:blur(0)}[data-spoiler=solid][data-spoiler-init]>[data-spoiler-content]{opacity:0}[data-spoiler=solid][data-spoiler-init]:not([data-spoiler-visible])>[data-spoiler-trigger]{background:currentColor}[data-spoiler=solid][data-spoiler-init][data-spoiler-visible]>[data-spoiler-content]{opacity:1}[data-spoiler=noise][data-spoiler-init]>[data-spoiler-content]{opacity:.15}[data-spoiler=noise][data-spoiler-init]:not([data-spoiler-visible])>[data-spoiler-trigger]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}[data-spoiler=noise][data-spoiler-init][data-spoiler-visible]>[data-spoiler-content]{opacity:1}[data-spoiler][data-spoiler-init]>[data-spoiler-trigger]{all:unset;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;border-radius:var(--radius-s, 4px)}[data-spoiler][data-spoiler-init]>[data-spoiler-trigger][hidden]{display:none}[data-spoiler][data-spoiler-init]>[data-spoiler-trigger]>[data-spoiler-label]{background:var(--color-surface, #fff);color:var(--color-text, #333);padding:var(--size-2xs, 4px) var(--size-xs, 8px);border-radius:var(--radius-pill, 999px);font-size:.85em;font-weight:500;box-shadow:var(--shadow-s, 0 1px 3px rgba(0,0,0,.12))}[data-spoiler][data-spoiler-init]>[data-spoiler-hide]{all:unset;display:inline-flex;align-items:center;gap:.25em;margin-block-start:var(--size-2xs, 4px);padding:var(--size-3xs, 2px) var(--size-xs, 8px);font-size:.75em;line-height:1.4;border:1px solid var(--color-border, #ccc);border-radius:var(--radius-pill, 999px);background:var(--color-surface, #fff);color:var(--color-text-muted, #666);cursor:pointer}[data-spoiler][data-spoiler-init][data-spoiler-visible]>[data-spoiler-content]{user-select:auto}@media(prefers-reduced-motion:reduce){[data-spoiler][data-spoiler-init]>[data-spoiler-content]{transition-duration:0s}}.textarea-counter{display:block;font-size:var(--font-size-s);color:var(--color-text-muted);text-align:end;margin-block-start:var(--size-2xs);font-variant-numeric:tabular-nums}.textarea-counter[data-state=warning]{color:oklch(75% .18 75)}.textarea-counter[data-state=error]{color:var(--color-error, oklch(55% .2 25))}textarea[data-grow][data-grow-init]{overflow:hidden}[data-show-when][hidden],[data-hide-when][hidden]{display:none!important}.range-wrapper{position:relative;padding-block-start:1.75rem;padding-block-end:1.25rem}.range-wrapper input[type=range]{inline-size:100%;cursor:pointer}.range-wrapper input[type=range]{appearance:none;block-size:.5rem;border-radius:var(--radius-full, 999px);background:linear-gradient(to right,var(--color-interactive, oklch(55% .2 260)) var(--range-pct, 0%),var(--color-surface-raised, oklch(95% 0 0)) var(--range-pct, 0%));border:none;outline:none}.range-wrapper input[type=range]::-webkit-slider-thumb{appearance:none;inline-size:1.25rem;block-size:1.25rem;border-radius:50%;background:var(--color-interactive, oklch(55% .2 260));border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer}.range-wrapper input[type=range]::-moz-range-thumb{inline-size:1.25rem;block-size:1.25rem;border-radius:50%;background:var(--color-interactive, oklch(55% .2 260));border:2px solid white;box-shadow:0 1px 3px #0003;cursor:pointer}.range-wrapper input[type=range]:focus-visible{outline:2px solid var(--color-interactive);outline-offset:4px;border-radius:var(--radius-s)}.range-bubble{position:absolute;inset-block-start:0;translate:-50% 0;background:var(--color-surface-raised, #333);color:var(--color-text);padding:var(--size-3xs) var(--size-xs);border-radius:var(--radius-s);font-size:var(--font-size-s);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border:var(--border-width-thin, 1px) solid var(--color-border)}.range-markers{display:flex;justify-content:space-between;padding-inline:.625rem;margin-block-start:var(--size-2xs)}.range-markers span{inline-size:2px;block-size:.5rem;background:var(--color-border);border-radius:1px}.range-labels{position:relative;block-size:1.25rem}.range-labels span{position:absolute;translate:-50% 0;font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted);white-space:nowrap}.upload-zone{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-m);padding:var(--size-l);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.upload-zone:hover{border-color:var(--color-interactive)}.upload-zone[data-dragover]{border-color:var(--color-interactive);background:color-mix(in oklab,var(--color-interactive) 5%,transparent)}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;inline-size:100%;block-size:100%}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--size-xs);color:var(--color-text-muted);pointer-events:none}.upload-prompt svg{color:var(--color-text-muted)}.upload-prompt small{font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted)}.upload-browse{all:unset;color:var(--color-interactive);text-decoration:underline;cursor:pointer;pointer-events:auto}.upload-browse:hover{text-decoration:none}.upload-file-list{list-style:none;padding:0;margin:var(--size-s) 0 0;text-align:start}.upload-file-list[hidden]{display:none}.upload-file-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--size-2xs) var(--size-xs);border-radius:var(--radius-s);font-size:var(--font-size-s)}.upload-file-list li:nth-child(odd){background:color-mix(in oklab,var(--color-surface-raised) 50%,transparent)}.upload-file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-size{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;margin-inline-start:var(--size-s)}[data-toggle-tags]{display:flex;flex-wrap:wrap;gap:var(--size-xs);border:none;padding:0}[data-toggle-tags]>legend{float:left;inline-size:100%;margin-block-end:var(--size-xs);font-weight:600}[data-toggle-tags] label{display:inline-flex;align-items:center;padding:var(--size-2xs) var(--size-s);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-pill, 999px);cursor:pointer;font-size:var(--font-size-s);user-select:none;transition:all var(--duration-fast, .15s) var(--ease-default, ease)}[data-toggle-tags] label:hover{border-color:var(--color-interactive)}[data-toggle-tags] input[type=checkbox]{appearance:none;position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}[data-toggle-tags] label:has(:checked){background:var(--color-interactive);color:#fff;border-color:var(--color-interactive)}[data-toggle-tags] label:has(:focus-visible){outline:2px solid var(--color-interactive);outline-offset:2px}[data-toggle-tags] label:has(:disabled){opacity:.5;cursor:not-allowed}.number-wrapper{display:inline-flex;align-items:stretch;border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);overflow:hidden;transition:border-color var(--duration-fast, .15s)}.number-wrapper:focus-within{border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}.number-wrapper input[type=number]{appearance:textfield;border:none;text-align:center;font-variant-numeric:tabular-nums;inline-size:4rem;padding-block:var(--size-xs);padding-inline:var(--size-2xs);background:var(--color-surface);font:inherit;min-block-size:0}.number-wrapper input[type=number]:focus{outline:none;box-shadow:none}.number-wrapper input[type=number]::-webkit-inner-spin-button,.number-wrapper input[type=number]::-webkit-outer-spin-button{display:none}.number-wrapper button{all:unset;display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;cursor:pointer;background:var(--color-surface-raised);color:var(--color-text);transition:background var(--duration-fast, .15s)}.number-wrapper button:hover:not(:disabled){background:var(--color-surface-sunken, oklch(92% 0 0))}.number-wrapper button:disabled{opacity:.35;cursor:not-allowed}.color-wrapper{position:relative;display:inline-flex}.color-wrapper input[type=color]{position:absolute;inset:0;opacity:0;inline-size:100%;block-size:100%;cursor:pointer;border:none;padding:0;min-block-size:0}.color-display{all:unset;display:inline-flex;align-items:center;gap:var(--size-xs);padding:var(--size-xs) var(--size-s);border:var(--border-width-thin, 1px) solid var(--color-border);border-radius:var(--radius-m);cursor:pointer;font:inherit;transition:border-color var(--duration-fast, .15s)}.color-display:hover{border-color:var(--color-interactive)}.color-wrapper:focus-within .color-display{border-color:var(--color-interactive);box-shadow:0 0 0 3px oklch(from var(--color-interactive) l c h / .15)}.color-swatch{display:inline-block;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;border:2px solid var(--color-border);flex-shrink:0}.color-hex{font-family:var(--font-mono, monospace);font-size:var(--font-size-s);text-transform:uppercase}@supports (-webkit-background-clip: text) or (background-clip: text){[data-gradient-text]{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,var(--color-primary, oklch(55% .2 260)),var(--color-secondary, oklch(60% .18 310)))}[data-gradient-text=sunset]{background-image:linear-gradient(135deg,oklch(70% .22 30),#e24ea0,#914bbe)}[data-gradient-text=ocean]{background-image:linear-gradient(135deg,oklch(70% .15 200),#1c69e3,#544ec5)}[data-gradient-text=forest]{background-image:linear-gradient(135deg,#31aa40,oklch(55% .15 160),oklch(50% .12 180))}[data-gradient-text=neon]{background-image:linear-gradient(135deg,oklch(75% .25 330),oklch(70% .3 290),oklch(75% .25 180))}[data-gradient-text][data-gradient-text-animate]{background-size:200% 200%;animation:vb-gradient-flow 4s var(--ease-default, ease) infinite}}@keyframes vb-gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){[data-gradient-text][data-gradient-text-animate]{animation:none}}:root[data-motion-reduced] [data-gradient-text][data-gradient-text-animate]{animation:none}@supports (-webkit-background-clip: text) or (background-clip: text){[data-shimmer]{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(110deg,currentColor 35%,oklch(85% .05 90) 50%,currentColor 65%);background-size:200% 100%;animation:vb-shimmer 2s linear infinite;color:var(--color-text)}[data-shimmer=slow]{animation-duration:4s}[data-shimmer=fast]{animation-duration:1s}}@keyframes vb-shimmer{0%{background-position:200% center}to{background-position:-200% center}}@media(prefers-reduced-motion:reduce){[data-shimmer]{animation:none}}:root[data-motion-reduced] [data-shimmer]{animation:none}[data-glitch][data-glitch-init]{position:relative;display:inline-block}[data-glitch][data-glitch-init]:before,[data-glitch][data-glitch-init]:after{content:attr(data-glitch-text);position:absolute;inset:0;overflow:hidden}[data-glitch][data-glitch-init]:before{color:oklch(65% .25 210);animation:vb-glitch-1 2s infinite linear alternate-reverse;clip-path:inset(0 0 65% 0)}[data-glitch][data-glitch-init]:after{color:oklch(65% .25 25);animation:vb-glitch-2 2s infinite linear alternate-reverse;clip-path:inset(65% 0 0 0)}[data-glitch=hover][data-glitch-init]:before,[data-glitch=hover][data-glitch-init]:after{opacity:0}[data-glitch=hover][data-glitch-init]:hover:before,[data-glitch=hover][data-glitch-init]:hover:after{opacity:1}@keyframes vb-glitch-1{0%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,-1px)}20%{clip-path:inset(50% 0 20% 0);transform:translate(2px,1px)}40%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,2px)}60%{clip-path:inset(40% 0 30% 0);transform:translate(1px,-2px)}80%{clip-path:inset(70% 0 5% 0);transform:translate(-2px,1px)}to{clip-path:inset(30% 0 40% 0);transform:translate(2px,-1px)}}@keyframes vb-glitch-2{0%{clip-path:inset(60% 0 10% 0);transform:translate(2px,1px)}20%{clip-path:inset(20% 0 50% 0);transform:translate(-2px,-1px)}40%{clip-path:inset(70% 0 10% 0);transform:translate(1px,-2px)}60%{clip-path:inset(10% 0 60% 0);transform:translate(-1px,2px)}80%{clip-path:inset(40% 0 30% 0);transform:translate(2px,-1px)}to{clip-path:inset(5% 0 70% 0);transform:translate(-2px,1px)}}@media(prefers-reduced-motion:reduce){[data-glitch][data-glitch-init]:before,[data-glitch][data-glitch-init]:after{animation:none;opacity:0}}:root[data-motion-reduced] [data-glitch][data-glitch-init]:before,:root[data-motion-reduced] [data-glitch][data-glitch-init]:after{animation:none;opacity:0}[data-reveal][data-reveal-init] .vb-reveal-chunk{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity var(--reveal-duration, .4s) var(--ease-out, ease-out),transform var(--reveal-duration, .4s) var(--ease-out, ease-out);transition-delay:calc(var(--i, 0) * var(--reveal-delay, 80ms))}[data-reveal][data-reveal-init][data-reveal-visible] .vb-reveal-chunk{opacity:1;transform:translateY(0)}[data-blur-reveal][data-blur-reveal-init] .vb-blur-chunk{display:inline-block;opacity:0;filter:blur(8px);transition:opacity .4s var(--ease-out, ease-out),filter .4s var(--ease-out, ease-out);transition-delay:calc(var(--i, 0) * var(--blur-delay, 80ms))}[data-blur-reveal][data-blur-reveal-init][data-blur-reveal-visible] .vb-blur-chunk{opacity:1;filter:blur(0)}[data-highlight][data-highlight-init],[data-highlight=underline][data-highlight-init]{background-image:linear-gradient(var(--highlight-color, currentColor),var(--highlight-color, currentColor));background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px;transition:background-size .6s var(--ease-out, ease-out);padding-block-end:2px}[data-highlight][data-highlight-init][data-highlight-visible],[data-highlight=underline][data-highlight-init][data-highlight-visible]{background-size:100% 2px}[data-highlight=box][data-highlight-init]{background-image:linear-gradient(color-mix(in oklch,var(--highlight-color, currentColor) 20%,transparent),color-mix(in oklch,var(--highlight-color, currentColor) 20%,transparent));background-repeat:no-repeat;background-position:0 0;background-size:0% 100%;transition:background-size .6s var(--ease-out, ease-out);padding-inline:.15em}[data-highlight=box][data-highlight-init][data-highlight-visible]{background-size:100% 100%}[data-highlight=circle][data-highlight-init]{position:relative;display:inline-block}[data-highlight=circle][data-highlight-init]:after{content:"";position:absolute;inset:-.15em -.3em;border:2px solid var(--highlight-color, currentColor);border-radius:50%;transform:scale(0);opacity:0;transition:transform .5s var(--ease-out, ease-out),opacity .3s var(--ease-out, ease-out);pointer-events:none}[data-highlight=circle][data-highlight-init][data-highlight-visible]:after{transform:scale(1);opacity:1}.vb-typewriter-cursor{display:inline;animation:vb-typewriter-blink .7s step-end infinite;font-weight:100;margin-inline-start:1px}@keyframes vb-typewriter-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.vb-typewriter-cursor{animation:none}}:root[data-motion-reduced] .vb-typewriter-cursor{animation:none}[data-scramble][data-scramble-init]{font-variant-numeric:tabular-nums}[data-math-state=rendered],pre[data-math-state=rendered]{display:none!important}div[data-math-rendered]{display:block;margin-block:var(--size-l, 1.5rem);text-align:center;overflow-x:auto}span[data-math-rendered]{display:inline}[data-math-numbered]{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:var(--size-l, 1.5rem)}[data-math-numbered]:after{content:"(" attr(data-equation-number) ")";color:var(--color-text-muted, #666);font-family:var(--font-sans, sans-serif);font-size:var(--font-size-sm, .875rem);font-variant-numeric:tabular-nums;white-space:nowrap}[data-math-copyable]{cursor:copy;border-radius:var(--radius-s, 4px);transition:background var(--duration-fast, .15s)}[data-math-copyable]:hover{background:color-mix(in oklab,var(--color-interactive, oklch(55% .2 260)) 8%,transparent)}[data-math-rendered]:target{outline:2px solid var(--color-interactive, oklch(55% .2 260));outline-offset:var(--size-xs, .5rem);border-radius:var(--radius-s, 4px)}}@layer charts{:root{--chart-series-1: var(--color-primary, #3b82f6);--chart-series-2: var(--color-accent, #8b5cf6);--chart-series-3: var(--color-success, #22c55e);--chart-series-4: var(--color-warning, #f59e0b);--chart-series-5: var(--color-error, #ef4444);--chart-series-6: var(--color-info, #06b6d4)}.vb-chart{--chart-height: 200px;--chart-bar-height: var(--size-l, 1.5rem);--chart-gap: var(--size-xs, .5rem);--chart-label-width: minmax(80px, 20%);--chart-axis-color: var(--color-border, #e5e7eb);--chart-grid-color: var(--color-border-subtle, var(--chart-axis-color));--chart-label-color: var(--color-text-muted, #6b7280);--chart-tooltip-bg: var(--color-surface-raised, var(--color-surface, #fff));--chart-tooltip-color: var(--color-text, #1f2937);--chart-tooltip-shadow: var(--shadow-m, 0 4px 6px -1px rgb(0 0 0 / .1));--chart-duration: var(--duration-normal, .2s);--chart-easing: var(--ease-out, cubic-bezier(.33, 1, .68, 1))}.vb-chart[data-gap=s]{--chart-gap: var(--size-2xs, .25rem)}.vb-chart[data-gap=m]{--chart-gap: var(--size-s, .75rem)}.vb-chart[data-gap=l]{--chart-gap: var(--size-m, 1rem)}.vb-chart[data-size=s]{--chart-height: 120px;--chart-bar-height: var(--size-m, 1rem)}.vb-chart[data-size=l]{--chart-height: 300px;--chart-bar-height: var(--size-xl, 2rem)}}@layer charts{.vb-chart{display:block;width:100%;border-collapse:collapse;border-spacing:0;font-family:inherit}.vb-chart caption{display:block;text-align:start;font-weight:600;margin-block-end:var(--size-s, .75rem);color:var(--color-text, inherit);font-size:var(--font-size-base, 1rem)}.vb-chart thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.vb-chart tbody,.vb-chart tr{display:block}.vb-chart th{display:block;font-weight:400;text-align:start;color:var(--chart-label-color);font-size:var(--font-size-sm, .875rem)}.vb-chart td{display:block;position:relative}.vb-chart[data-axes=y] tbody,.vb-chart[data-axes=both] tbody{border-inline-start:1px solid var(--chart-axis-color);padding-inline-start:var(--size-xs, .5rem)}.vb-chart[data-axes=x] tbody,.vb-chart[data-axes=both] tbody{border-block-end:1px solid var(--chart-axis-color);padding-block-end:var(--size-xs, .5rem)}@media print{.vb-chart{display:table}.vb-chart caption{display:table-caption}.vb-chart thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;display:table-header-group}.vb-chart tbody{display:table-row-group}.vb-chart tr{display:table-row}.vb-chart th,.vb-chart td{display:table-cell;padding:var(--size-xs, .5rem);border:1px solid var(--chart-axis-color);background:none!important;width:auto!important;height:auto!important;font-size:inherit!important;color:inherit!important}}@media(prefers-reduced-motion:reduce){.vb-chart td{transition:none!important}}}@layer charts{.vb-chart[data-type=bar] tbody{display:flex;flex-direction:column;gap:var(--chart-gap)}.vb-chart[data-type=bar] tr{display:grid;grid-template-columns:var(--chart-label-width) 1fr;align-items:center;gap:var(--size-s, .75rem)}.vb-chart[data-type=bar] th{text-align:end;padding-inline-end:var(--size-2xs, .25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-chart[data-type=bar] td{height:var(--chart-bar-height);background:var(--chart-series-1);width:calc(var(--value, 0) * 100%);min-width:2px;border-radius:var(--radius-s, 4px);transition:width var(--chart-duration) var(--chart-easing),background-color var(--chart-duration) var(--chart-easing);font-size:0;color:transparent;overflow:hidden}.vb-chart[data-type=bar] td[data-series="2"]{background:var(--chart-series-2)}.vb-chart[data-type=bar] td[data-series="3"]{background:var(--chart-series-3)}.vb-chart[data-type=bar] td[data-series="4"]{background:var(--chart-series-4)}.vb-chart[data-type=bar] td[data-series="5"]{background:var(--chart-series-5)}.vb-chart[data-type=bar] td[data-series="6"]{background:var(--chart-series-6)}.vb-chart[data-type=bar][data-labels] td{font-size:var(--font-size-xs, .75rem);color:#fff;display:flex;align-items:center;justify-content:flex-end;padding-inline:var(--size-xs, .5rem);min-width:max(2px,calc(var(--value, 0) * 100%))}.vb-chart[data-type=bar][data-labels] td:after{content:attr(data-label)}.vb-chart[data-type=bar][data-stacked] tr{grid-template-columns:var(--chart-label-width) 1fr}.vb-chart[data-type=bar][data-stacked] tr td{display:inline-block;border-radius:0}.vb-chart[data-type=bar][data-stacked] tr td:first-of-type{border-radius:var(--radius-s, 4px) 0 0 var(--radius-s, 4px)}.vb-chart[data-type=bar][data-stacked] tr td:last-of-type{border-radius:0 var(--radius-s, 4px) var(--radius-s, 4px) 0}.vb-chart[data-type=bar] td:hover{filter:brightness(1.1)}}@layer charts{.vb-chart[data-type=column] tbody{display:flex;align-items:flex-end;gap:var(--chart-gap);height:var(--chart-height);border-block-end:1px solid var(--chart-axis-color);padding-block-start:var(--size-xs, .5rem)}.vb-chart[data-type=column] tr{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}.vb-chart[data-type=column] th{order:1;text-align:center;padding-block-start:var(--size-xs, .5rem);font-size:var(--font-size-xs, .75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.vb-chart[data-type=column] td{width:100%;max-width:60px;background:var(--chart-series-1);height:calc(var(--value, 0) * 100%);min-height:2px;border-radius:var(--radius-s, 4px) var(--radius-s, 4px) 0 0;transition:height var(--chart-duration) var(--chart-easing),background-color var(--chart-duration) var(--chart-easing);font-size:0;color:transparent;overflow:hidden}.vb-chart[data-type=column] td[data-series="2"]{background:var(--chart-series-2)}.vb-chart[data-type=column] td[data-series="3"]{background:var(--chart-series-3)}.vb-chart[data-type=column] td[data-series="4"]{background:var(--chart-series-4)}.vb-chart[data-type=column] td[data-series="5"]{background:var(--chart-series-5)}.vb-chart[data-type=column] td[data-series="6"]{background:var(--chart-series-6)}.vb-chart[data-type=column][data-labels] td:before{content:attr(data-label);position:absolute;inset-block-start:-1.5em;inset-inline-start:50%;transform:translate(-50%);font-size:var(--font-size-xs, .75rem);color:var(--chart-label-color);white-space:nowrap}.vb-chart[data-type=column][data-labels] td{position:relative}.vb-chart[data-type=column][data-stacked] tr{flex-direction:column-reverse}.vb-chart[data-type=column][data-stacked] td{border-radius:0;height:auto;flex:0 0 calc(var(--value, 0) * var(--chart-height))}.vb-chart[data-type=column][data-stacked] td:last-of-type{border-radius:var(--radius-s, 4px) var(--radius-s, 4px) 0 0}.vb-chart[data-type=column][data-grouped] tr{flex-direction:row;align-items:flex-end;gap:2px}.vb-chart[data-type=column][data-grouped] td{flex:1;max-width:30px}.vb-chart[data-type=column] td:hover{filter:brightness(1.1)}}@layer charts{.vb-chart[data-type=line]{--line-size: 3px;--dot-size: 10px}.vb-chart[data-type=line] tbody{display:flex;height:var(--chart-height, 200px);border-block-end:1px solid var(--chart-axis-color);border-inline-start:1px solid var(--chart-axis-color);position:relative}.vb-chart[data-type=line] tr{flex:1;position:relative;height:100%}.vb-chart[data-type=line] th{position:absolute;inset-block-end:-1.5em;inset-inline-start:50%;transform:translate(-50%);font-size:var(--font-size-xs, .75rem);color:var(--chart-label-color);white-space:nowrap}.vb-chart[data-type=line] td{position:absolute;inset:0;background:var(--chart-series-1);clip-path:polygon(0% calc(100% * (1 - var(--start, 0))),100% calc(100% * (1 - var(--end, 0))),100% calc(100% * (1 - var(--end, 0)) + var(--line-size)),0% calc(100% * (1 - var(--start, 0)) + var(--line-size)));font-size:0;color:transparent;transition:opacity var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=line] td:after{content:"";position:absolute;inset-block-end:calc(var(--end, 0) * 100% - var(--dot-size) / 2);inset-inline-end:calc(var(--dot-size) / -2);width:var(--dot-size);height:var(--dot-size);background:var(--chart-series-1);border-radius:50%;border:2px solid var(--color-surface, #fff);z-index:2;transition:transform var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=line] td:hover:after{transform:scale(1.3);z-index:3}.vb-chart[data-type=line] td[data-series="2"]{background:var(--chart-series-2)}.vb-chart[data-type=line] td[data-series="2"]:after{background:var(--chart-series-2)}.vb-chart[data-type=line] td[data-series="3"]{background:var(--chart-series-3)}.vb-chart[data-type=line] td[data-series="3"]:after{background:var(--chart-series-3)}.vb-chart[data-type=line] td[data-series="4"]{background:var(--chart-series-4)}.vb-chart[data-type=line] td[data-series="4"]:after{background:var(--chart-series-4)}.vb-chart[data-type=line] td[data-series="5"]{background:var(--chart-series-5)}.vb-chart[data-type=line] td[data-series="5"]:after{background:var(--chart-series-5)}.vb-chart[data-type=line] td[data-series="6"]{background:var(--chart-series-6)}.vb-chart[data-type=line] td[data-series="6"]:after{background:var(--chart-series-6)}.vb-chart[data-type=line] tr:first-child td:before{content:"";position:absolute;inset-block-end:calc(var(--start, 0) * 100% - var(--dot-size) / 2);inset-inline-start:calc(var(--dot-size) / -2);width:var(--dot-size);height:var(--dot-size);background:var(--chart-series-1);border-radius:50%;border:2px solid var(--color-surface, #fff);z-index:2}.vb-chart[data-type=line] tr:first-child td[data-series="2"]:before{background:var(--chart-series-2)}.vb-chart[data-type=line] tr:first-child td[data-series="3"]:before{background:var(--chart-series-3)}.vb-chart[data-type=line] tr:first-child td[data-series="4"]:before{background:var(--chart-series-4)}.vb-chart[data-type=line][data-grid] tbody{background-image:repeating-linear-gradient(to top,var(--chart-grid-color) 0,var(--chart-grid-color) 1px,transparent 1px,transparent 25%)}.vb-chart[data-type=line][data-labels] td:after{content:attr(data-label)}.vb-chart[data-type=line][data-dots=large]{--dot-size: 14px}.vb-chart[data-type=line][data-dots=small]{--dot-size: 6px}}@layer charts{.vb-chart[data-type=area]{--dot-size: 8px}.vb-chart[data-type=area] tbody{display:flex;height:var(--chart-height, 200px);border-block-end:1px solid var(--chart-axis-color);border-inline-start:1px solid var(--chart-axis-color);position:relative}.vb-chart[data-type=area] tr{flex:1;position:relative;height:100%}.vb-chart[data-type=area] th{position:absolute;inset-block-end:-1.5em;inset-inline-start:50%;transform:translate(-50%);font-size:var(--font-size-xs, .75rem);color:var(--chart-label-color);white-space:nowrap}.vb-chart[data-type=area] td{position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-1) 40%,transparent),color-mix(in srgb,var(--chart-series-1) 20%,transparent));clip-path:polygon(0% calc(100% * (1 - var(--start, 0))),100% calc(100% * (1 - var(--end, 0))),100% 100%,0% 100%);font-size:0;color:transparent;transition:opacity var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=area] td:before{content:"";position:absolute;inset:0;background:var(--chart-series-1);clip-path:polygon(0% calc(100% * (1 - var(--start, 0))),100% calc(100% * (1 - var(--end, 0))),100% calc(100% * (1 - var(--end, 0)) + 2px),0% calc(100% * (1 - var(--start, 0)) + 2px))}.vb-chart[data-type=area] td:after{content:"";position:absolute;inset-block-end:calc(var(--end, 0) * 100% - var(--dot-size) / 2);inset-inline-end:calc(var(--dot-size) / -2);width:var(--dot-size);height:var(--dot-size);background:var(--chart-series-1);border-radius:50%;border:2px solid var(--color-surface, #fff);z-index:2;transition:transform var(--chart-duration, .3s) var(--chart-easing, ease)}.vb-chart[data-type=area] td:hover{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-1) 50%,transparent),color-mix(in srgb,var(--chart-series-1) 30%,transparent))}.vb-chart[data-type=area] td:hover:after{transform:scale(1.3)}.vb-chart[data-type=area] td[data-series="2"]{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-2) 40%,transparent),color-mix(in srgb,var(--chart-series-2) 20%,transparent))}.vb-chart[data-type=area] td[data-series="2"]:before{background:var(--chart-series-2)}.vb-chart[data-type=area] td[data-series="2"]:after{background:var(--chart-series-2)}.vb-chart[data-type=area] td[data-series="3"]{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-3) 40%,transparent),color-mix(in srgb,var(--chart-series-3) 20%,transparent))}.vb-chart[data-type=area] td[data-series="3"]:before{background:var(--chart-series-3)}.vb-chart[data-type=area] td[data-series="3"]:after{background:var(--chart-series-3)}.vb-chart[data-type=area] td[data-series="4"]{background:linear-gradient(to top,color-mix(in srgb,var(--chart-series-4) 40%,transparent),color-mix(in srgb,var(--chart-series-4) 20%,transparent))}.vb-chart[data-type=area] td[data-series="4"]:before{background:var(--chart-series-4)}.vb-chart[data-type=area] td[data-series="4"]:after{background:var(--chart-series-4)}.vb-chart[data-type=area][data-grid] tbody{background-image:repeating-linear-gradient(to top,var(--chart-grid-color) 0,var(--chart-grid-color) 1px,transparent 1px,transparent 25%)}.vb-chart[data-type=area][data-labels] td:after{content:attr(data-label)}}@layer charts{.vb-chart[data-type=pie]{--chart-size: 200px;display:flex;flex-direction:column;align-items:center}.vb-chart[data-type=pie] caption{text-align:center}.vb-chart[data-type=pie] tbody{display:block;width:var(--chart-size);height:var(--chart-size);border-radius:50%;position:relative;background:conic-gradient(var(--chart-series-1) 0deg calc(var(--seg-1, .33) * 360deg),var(--chart-series-2) calc(var(--seg-1, .33) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 360deg),var(--chart-series-3) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34)) * 360deg),var(--chart-series-4) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34)) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0)) * 360deg),var(--chart-series-5) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0)) * 360deg) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0) + var(--seg-5, 0)) * 360deg),var(--chart-series-6) calc((var(--seg-1, .33) + var(--seg-2, .33) + var(--seg-3, .34) + var(--seg-4, 0) + var(--seg-5, 0)) * 360deg) 360deg);box-shadow:inset 0 0 0 1px var(--color-border, #e5e7eb)}.vb-chart[data-type=pie] tr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.vb-chart[data-type=pie][data-donut] tbody:after{content:"";position:absolute;inset:25%;background:var(--color-surface, #fff);border-radius:50%}.vb-chart[data-type=pie][data-donut][data-center-label] tbody:after{content:attr(data-center-label);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg, 1.25rem);font-weight:600;color:var(--color-text, inherit)}.vb-chart[data-type=pie][data-size=s]{--chart-size: 120px}.vb-chart[data-type=pie][data-size=l]{--chart-size: 280px}.vb-chart[data-type=pie]:hover tbody{box-shadow:inset 0 0 0 1px var(--color-border, #e5e7eb),0 4px 12px #0000001a}.vb-chart[data-type=pie][data-half] tbody{height:calc(var(--chart-size) / 2);border-radius:var(--chart-size) var(--chart-size) 0 0;background:conic-gradient(from -90deg,var(--chart-series-1) 0deg calc(var(--seg-1, .33) * 180deg),var(--chart-series-2) calc(var(--seg-1, .33) * 180deg) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 180deg),var(--chart-series-3) calc((var(--seg-1, .33) + var(--seg-2, .33)) * 180deg) 180deg,transparent 180deg 360deg)}}@layer charts{.vb-chart-legend{display:flex;flex-wrap:wrap;gap:var(--size-m, 1rem);justify-content:center;margin-block-start:var(--size-m, 1rem);padding-block-start:var(--size-s, .75rem)}.vb-chart[data-legend-position=top]+.vb-chart-legend{order:-1;margin-block-start:0;margin-block-end:var(--size-m, 1rem);padding-block-start:0;padding-block-end:var(--size-s, .75rem)}.vb-chart[data-legend-position=left]+.vb-chart-legend,.vb-chart[data-legend-position=right]+.vb-chart-legend{flex-direction:column;align-items:flex-start}.vb-chart-legend-item{display:flex;align-items:center;gap:var(--size-2xs, .25rem);font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted, #6b7280)}.vb-chart-legend-item:before{content:"";display:block;width:12px;height:12px;border-radius:var(--radius-xs, 2px);background:var(--legend-color, var(--chart-series-1));flex-shrink:0}.vb-chart-legend-item[data-series="1"]{--legend-color: var(--chart-series-1)}.vb-chart-legend-item[data-series="2"]{--legend-color: var(--chart-series-2)}.vb-chart-legend-item[data-series="3"]{--legend-color: var(--chart-series-3)}.vb-chart-legend-item[data-series="4"]{--legend-color: var(--chart-series-4)}.vb-chart-legend-item[data-series="5"]{--legend-color: var(--chart-series-5)}.vb-chart-legend-item[data-series="6"]{--legend-color: var(--chart-series-6)}.vb-chart-legend-item[data-interactive]{cursor:pointer;transition:opacity var(--duration-fast, .1s) ease}.vb-chart-legend-item[data-interactive]:hover{opacity:.8}.vb-chart-legend-item[data-interactive][aria-pressed=false]{opacity:.4;text-decoration:line-through}.vb-chart-legend[data-compact]{gap:var(--size-s, .75rem);font-size:var(--font-size-xs, .75rem)}.vb-chart-legend[data-compact] .vb-chart-legend-item:before{width:8px;height:8px}.vb-chart[data-legend=inline] caption{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-m, 1rem)}.vb-chart[data-legend=inline] caption:after{content:"";flex:1 0 100%}@media print{.vb-chart-legend{break-inside:avoid}.vb-chart-legend-item:before{print-color-adjust:exact;-webkit-print-color-adjust:exact}}}@layer charts{.vb-chart[data-tooltip] td{position:relative;cursor:pointer;overflow:visible!important}.vb-chart[data-tooltip] td:after{content:attr(data-tooltip);position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:50%;transform:translate(-50%);padding:var(--size-2xs, .25rem) var(--size-xs, .5rem);background:var(--chart-tooltip-bg);color:var(--chart-tooltip-color);font-size:var(--font-size-xs, .75rem);white-space:nowrap;border-radius:var(--radius-s, 4px);box-shadow:var(--chart-tooltip-shadow);opacity:0;pointer-events:none;transition:opacity var(--duration-fast, .1s) ease;z-index:100;font-size:var(--font-size-xs, .75rem)!important;color:var(--chart-tooltip-color)!important}.vb-chart[data-tooltip] td:before{content:"";position:absolute;inset-block-end:calc(100% + 4px);inset-inline-start:50%;transform:translate(-50%);border:4px solid transparent;border-block-start-color:var(--chart-tooltip-bg);opacity:0;pointer-events:none;transition:opacity var(--duration-fast, .1s) ease;z-index:100}.vb-chart[data-tooltip] td:hover:after,.vb-chart[data-tooltip] td:hover:before{opacity:1}.vb-chart[data-tooltip] td:focus-visible:after,.vb-chart[data-tooltip] td:focus-visible:before{opacity:1}.vb-chart[data-tooltip] td:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.vb-chart[data-type=column][data-tooltip] td:after{inset-block-end:auto;inset-block-start:-2em}.vb-chart[data-type=column][data-tooltip] td:before{inset-block-end:auto;inset-block-start:calc(-2em + 12px);border-block-start-color:transparent;border-block-end-color:var(--chart-tooltip-bg)}.vb-chart[data-type=line][data-tooltip] td:after,.vb-chart[data-type=area][data-tooltip] td:after{inset-block-end:calc(100% + 12px)}.vb-chart[data-type=line][data-tooltip] td:before,.vb-chart[data-type=area][data-tooltip] td:before{inset-block-end:calc(100% + 8px)}.vb-chart[data-type=pie][data-tooltip] tbody{cursor:pointer}.vb-chart[data-tooltip-position=bottom] td:after{inset-block-end:auto;inset-block-start:calc(100% + 8px)}.vb-chart[data-tooltip-position=bottom] td:before{inset-block-end:auto;inset-block-start:calc(100% + 4px);border-block-start-color:transparent;border-block-end-color:var(--chart-tooltip-bg)}.vb-chart[data-tooltip-position=left] td:after{inset-inline-start:auto;inset-inline-end:calc(100% + 8px);inset-block-end:50%;transform:translateY(50%)}.vb-chart[data-tooltip-position=left] td:before{inset-inline-start:auto;inset-inline-end:calc(100% + 4px);inset-block-end:50%;transform:translateY(50%);border-block-start-color:transparent;border-inline-start-color:var(--chart-tooltip-bg)}.vb-chart[data-tooltip-position=right] td:after{inset-inline-start:calc(100% + 8px);inset-block-end:50%;transform:translateY(50%)}.vb-chart[data-tooltip-position=right] td:before{inset-inline-start:calc(100% + 4px);inset-block-end:50%;transform:translateY(50%);border-block-start-color:transparent;border-inline-end-color:var(--chart-tooltip-bg)}@media print{.vb-chart[data-tooltip] td:after,.vb-chart[data-tooltip] td:before{display:none}}@media(prefers-reduced-motion:reduce){.vb-chart[data-tooltip] td:after,.vb-chart[data-tooltip] td:before{transition:none}}}@layer charts;@layer utils{.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer utils{.flow>*+*{margin-block-start:var(--flow-space, var(--size-m))}}@layer utils{[data-loading]:not(output){position:relative;pointer-events:none;cursor:wait;overflow:hidden;isolation:isolate}[data-loading]:not(output):after{content:"";position:absolute;inset:0;z-index:999;border-radius:inherit;background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-200) 35%,var(--color-gray-100, oklch(96% 0 0)) 50%,var(--color-gray-200) 65%,var(--color-gray-200) 100%);background-size:200% 100%;animation:loading-shimmer 1.5s ease-in-out infinite}[data-loading]:not(output)>*{position:relative;z-index:1;opacity:.3}[data-loading=hide]>*{visibility:hidden}[data-loading=minimal]:after{background:var(--color-gray-200);animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes loading-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){[data-loading]:after,[data-loading=minimal]:after{background:var(--color-gray-200);animation:none}}[data-loading=skeleton]{overflow:visible}[data-loading=skeleton]:after{display:none}[data-loading=skeleton]>*{position:relative;opacity:1;color:transparent!important;background:var(--color-gray-200);border-radius:var(--radius-s);overflow:hidden;margin-block:var(--size-2xs, .25rem)}[data-loading=skeleton]>*:first-child{margin-block-start:0}[data-loading=skeleton]>*:last-child{margin-block-end:0}[data-loading=skeleton]>*:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,oklch(100% 0 0 / .4) 50%,transparent 100%);background-size:200% 100%;animation:loading-shimmer 1.5s ease-in-out infinite}[data-loading=skeleton]>:is(h1,h2,h3,h4,h5,h6){background:var(--color-gray-300)}[data-loading=skeleton]>:is(img,picture,video,canvas,svg,iframe){background:var(--color-gray-200)}[data-loading=skeleton] *{color:transparent!important}[data-loading=skeleton] img,[data-loading=skeleton] svg{opacity:0}[data-loading=skeleton]>:is(button,a){background:var(--color-gray-250, var(--color-gray-200))}[data-loading=skeleton]>:is(input,textarea,select){background:var(--color-gray-200);border-color:transparent!important}@media(prefers-reduced-motion:reduce){[data-loading=skeleton]>*:after{animation:none;background:transparent}}}@layer utils{output[data-empty],output[data-loading],output[data-error]{display:none}[data-state=empty]>.content,[data-state=loading]>.content,[data-state=error]>.content{display:none}[data-state=empty]>[data-empty],[data-state=loading]>[data-loading],[data-state=error]>[data-error]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--size-xl)}[data-feedback=message]{gap:var(--size-m)}[data-feedback=message]>icon-wc{--icon-size: 3rem;color:var(--color-text-muted)}[data-feedback=message] p{color:var(--color-text-muted);max-width:36ch}[data-feedback=skeleton]{gap:var(--size-s);width:100%;max-width:400px;margin-inline:auto}.skeleton-line{height:1rem;background:var(--color-border);border-radius:var(--radius-s);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line:nth-child(odd){width:100%}.skeleton-line:nth-child(2n){width:70%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}[data-error]>icon-wc{color:var(--color-error)}[data-loading] icon-wc[data-animate=spin]{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.skeleton-line{animation:none;opacity:.6}[data-loading] icon-wc[data-animate=spin]{animation:none}}}@layer utils{[data-media]{display:block;position:relative;overflow:hidden;aspect-ratio:var(--_ratio, 16 / 9)}[data-media][data-ratio="1:1"]{--_ratio: 1 / 1}[data-media][data-ratio="4:3"]{--_ratio: 4 / 3}[data-media][data-ratio="3:2"]{--_ratio: 3 / 2}[data-media][data-ratio="16:9"]{--_ratio: 16 / 9}[data-media][data-ratio="21:9"]{--_ratio: 21 / 9}[data-media][data-ratio="2:3"]{--_ratio: 2 / 3}[data-media][data-ratio="3:4"]{--_ratio: 3 / 4}[data-media][data-ratio="9:16"]{--_ratio: 9 / 16}[data-media]>img,[data-media]>video,[data-media]>iframe,[data-media]>embed,[data-media]>object,[data-media]>picture,[data-media]>canvas,[data-media]>svg{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:var(--_fit, cover)}[data-media][data-fit=cover]{--_fit: cover}[data-media][data-fit=contain]{--_fit: contain}[data-media][data-fit=fill]{--_fit: fill}[data-media][data-fit=none]{--_fit: none}[data-media][data-position=top]>*{object-position:top}[data-media][data-position=bottom]>*{object-position:bottom}[data-media][data-position=left]>*{object-position:left}[data-media][data-position=right]>*{object-position:right}[data-media][data-position=center]>*{object-position:center}[data-media][data-radius=s]{border-radius:var(--radius-s)}[data-media][data-radius=m]{border-radius:var(--radius-m)}[data-media][data-radius=l]{border-radius:var(--radius-l)}[data-media][data-radius=full]{border-radius:var(--radius-full)}}@layer utils{[data-debug-invalid]{outline:3px dashed oklch(55% .25 25)!important;outline-offset:2px;position:relative}[data-debug-invalid]:after{content:attr(data-debug-message);position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:9999;padding:var(--size-xs) var(--size-s);background:#361715;color:#eee;font-size:var(--font-size-sm);font-family:system-ui,sans-serif;white-space:nowrap;border-radius:var(--radius-s);opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}[data-debug-invalid]:hover:after{opacity:1}html[data-debug]:before{content:"DEBUG MODE";position:fixed;inset-block-end:var(--size-s);inset-inline-end:var(--size-s);z-index:99999;padding:var(--size-2xs) var(--size-s);background:#6159e1;color:#fff;font-size:var(--font-size-xs);font-weight:600;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-s);pointer-events:none}}@layer utils{[data-wireframe]{--wf-font-scribble: "Redacted Script", cursive;--wf-font-block: "Flow Block", system-ui;--wf-font-circular: "Flow Circular", system-ui;--wf-font-rounded: "Flow Rounded", system-ui}}@layer utils{[data-wireframe]{--wireframe-stroke: oklch(30% 0 0);--wireframe-fill: oklch(98% 0 0);--wireframe-text: oklch(15% 0 0);--wireframe-muted: oklch(50% 0 0);--wireframe-accent: oklch(90% 0 0);--wireframe-border: 2px dashed var(--wireframe-stroke);--wireframe-label-bg: var(--wireframe-stroke);--wireframe-label-color: var(--wireframe-fill)}[data-mode=dark] [data-wireframe],html[data-wireframe][data-mode=dark]{--wireframe-stroke: oklch(80% 0 0);--wireframe-fill: oklch(12% 0 0);--wireframe-text: oklch(92% 0 0);--wireframe-muted: oklch(65% 0 0);--wireframe-accent: oklch(20% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe]:not([data-mode=light]),[data-wireframe]:not([data-mode=light]){--wireframe-stroke: oklch(80% 0 0);--wireframe-fill: oklch(12% 0 0);--wireframe-text: oklch(92% 0 0);--wireframe-muted: oklch(65% 0 0);--wireframe-accent: oklch(20% 0 0)}}html[data-wireframe]:before{content:"WIREFRAME";position:fixed;inset-block-end:var(--size-s);inset-inline-end:var(--size-s);z-index:99999;padding:var(--size-2xs) var(--size-s);background:var(--wireframe-stroke);color:var(--wireframe-fill);font-size:var(--font-size-xs);font-weight:600;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-s);pointer-events:none}html[data-wireframe]{filter:grayscale(1)}[data-wireframe] *{box-shadow:none!important;text-shadow:none!important}[data-wireframe] :is(article,aside,section,main,nav,header,footer,div,form,fieldset,layout-card,layout-sidebar,layout-stack,layout-grid,layout-center,layout-cluster,layout-cover,layout-switcher,layout-reel){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important}[data-wireframe] :is(h1,h2,h3,h4,h5,h6){border-block-end:var(--wireframe-border);padding-block-end:var(--size-2xs);background:transparent!important}[data-wireframe] a{color:var(--wireframe-text)!important;text-decoration:underline dotted var(--wireframe-stroke)!important;background:transparent!important}[data-wireframe] button,[data-wireframe] [role=button],[data-wireframe] input[type=submit],[data-wireframe] input[type=button],[data-wireframe] .button{border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important;color:var(--wireframe-text)!important}[data-wireframe] :is(input,textarea,select){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important;color:var(--wireframe-text)!important}[data-wireframe] img{position:relative;opacity:.15!important;border:var(--wireframe-border)!important;background:var(--wireframe-fill)!important}[data-wireframe] img{background-image:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))!important;background-color:var(--wireframe-fill)!important}[data-wireframe=lo] img{opacity:0!important}[data-wireframe=hi] img{opacity:.4!important;background-image:none!important}[data-wireframe] picture,[data-wireframe] video,[data-wireframe] iframe,[data-wireframe] canvas{position:relative;background:var(--wireframe-fill)!important;border:var(--wireframe-border)!important}[data-wireframe] figure:has(img){position:relative}[data-wireframe] figure:has(img):before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))}[data-wireframe=hi] figure:has(img):before{background:oklch(from var(--wireframe-fill) l c h / .3)}[data-wireframe] picture:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))}[data-wireframe] table{border-collapse:collapse;border:var(--wireframe-border)!important}[data-wireframe] :is(th,td){border:1px dashed var(--wireframe-stroke)!important;background:var(--wireframe-fill)!important}[data-wireframe] th{background:var(--wireframe-accent)!important}[data-wireframe] :is(details,dialog){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important}[data-wireframe] summary{border-block-end:1px dashed var(--wireframe-stroke)!important}[data-wireframe] :is(ul,ol){list-style:square!important}[data-wireframe] ul{list-style:"- "!important}[data-wireframe] blockquote{border:none!important;border-inline-start:4px solid var(--wireframe-stroke)!important;background:transparent!important}[data-wireframe] :is(pre,code){border:1px dashed var(--wireframe-stroke)!important;border-radius:0!important;background:var(--wireframe-accent)!important;color:var(--wireframe-text)!important}[data-wireframe] hr{border:none!important;border-block-start:var(--wireframe-border)!important;background:transparent!important}[data-wireframe=annotate] *:not(script):not(style):not(br):not(hr):before{content:"<" attr(data-label,"") ">";position:absolute;inset-block-start:-1.2em;inset-inline-start:0;font-size:10px;font-family:monospace;color:var(--wireframe-muted);pointer-events:none}[data-wireframe=annotate] header:before{content:"<header>"}[data-wireframe=annotate] nav:before{content:"<nav>"}[data-wireframe=annotate] main:before{content:"<main>"}[data-wireframe=annotate] aside:before{content:"<aside>"}[data-wireframe=annotate] footer:before{content:"<footer>"}[data-wireframe=annotate] article:before{content:"<article>"}[data-wireframe=annotate] section:before{content:"<section>"}:not(html)[data-wireframe]{filter:none}:not(html)[data-wireframe]:before{content:"wireframe";display:block;padding:var(--size-3xs) var(--size-2xs);margin-block-end:var(--size-xs);background:var(--wireframe-stroke);color:var(--wireframe-fill);font-size:var(--font-size-xs);font-family:monospace;width:fit-content}@media(prefers-reduced-motion:reduce){[data-wireframe] *{transition:none!important;animation:none!important}}[data-wireframe=lo]{--wireframe-stroke: oklch(0% 0 0);--wireframe-fill: oklch(100% 0 0);--wireframe-text: oklch(0% 0 0);--wireframe-muted: oklch(40% 0 0);--wireframe-accent: oklch(95% 0 0);--wireframe-border: 2px solid var(--wireframe-stroke);--font-sans: var(--wf-font-scribble, "Redacted Script", cursive);--font-serif: var(--wf-font-scribble, "Redacted Script", cursive);--font-mono: var(--wf-font-scribble, "Redacted Script", cursive)}html[data-wireframe=lo],html[data-wireframe=lo] body,[data-wireframe=lo] :is(p,span,a,li,td,th,label,legend,h1,h2,h3,h4,h5,h6,button,input,textarea,select){font-family:var(--wf-font-scribble, "Redacted Script", cursive)!important}[data-mode=dark] [data-wireframe=lo],html[data-wireframe=lo][data-mode=dark]{--wireframe-stroke: oklch(100% 0 0);--wireframe-fill: oklch(0% 0 0);--wireframe-text: oklch(100% 0 0);--wireframe-muted: oklch(70% 0 0);--wireframe-accent: oklch(15% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe=lo]:not([data-mode=light]),[data-wireframe=lo]:not([data-mode=light]){--wireframe-stroke: oklch(100% 0 0);--wireframe-fill: oklch(0% 0 0);--wireframe-text: oklch(100% 0 0);--wireframe-muted: oklch(70% 0 0);--wireframe-accent: oklch(15% 0 0)}}html[data-wireframe=lo]:before{content:"SKETCH";background:var(--wireframe-stroke);color:var(--wireframe-fill)}[data-wireframe=mid]{--font-sans: var(--wf-font-block, "Flow Block", system-ui);--font-serif: var(--wf-font-block, "Flow Block", system-ui);--font-mono: var(--wf-font-block, "Flow Block", system-ui)}html[data-wireframe=mid],html[data-wireframe=mid] body,[data-wireframe=mid] :is(p,span,a,li,td,th,label,legend,h1,h2,h3,h4,h5,h6,button,input,textarea,select){font-family:var(--wf-font-block, "Flow Block", system-ui)!important}html[data-wireframe=mid]:before{content:"WIREFRAME"}[data-wireframe=hi]{--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(98% 0 0);--wireframe-text: oklch(25% 0 0);--wireframe-muted: oklch(60% 0 0);--wireframe-accent: oklch(92% 0 0);--wireframe-border: 1px dashed var(--wireframe-stroke)}[data-mode=dark] [data-wireframe=hi],html[data-wireframe=hi][data-mode=dark]{--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(15% 0 0);--wireframe-text: oklch(85% 0 0);--wireframe-muted: oklch(55% 0 0);--wireframe-accent: oklch(22% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe=hi]:not([data-mode=light]),[data-wireframe=hi]:not([data-mode=light]){--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(15% 0 0);--wireframe-text: oklch(85% 0 0);--wireframe-muted: oklch(55% 0 0);--wireframe-accent: oklch(22% 0 0)}}html[data-wireframe=hi]:before{content:"PREVIEW";background:var(--wireframe-stroke);color:var(--wireframe-fill)}html[data-wireframe=hi]{filter:grayscale(.3) saturate(.7)}[data-wireframe=hi] picture:after{background:oklch(from var(--wireframe-accent) l c h / .5)}[data-wireframe] [data-wf-label]{position:relative}[data-wireframe] [data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset-block-start:var(--size-2xs, 4px);inset-inline-start:var(--size-2xs, 4px);padding:var(--size-3xs, 2px) var(--size-2xs, 4px);background:var(--wireframe-label-bg);color:var(--wireframe-label-color);font-size:var(--font-size-2xs, 10px);font-family:system-ui,sans-serif;font-weight:500;white-space:nowrap;z-index:1;pointer-events:none;border-radius:2px}[data-wireframe] figure:has(img[data-wf-label]):after,[data-wireframe] figure:has(img[alt]):not(:has(img[data-wf-label])):after{content:attr(data-wf-img-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-text);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:500;text-align:center;padding:var(--size-xs, 8px);pointer-events:none}[data-wireframe] picture[data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-text);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:500;pointer-events:none}[data-wireframe=lo] [data-wf-label]:before{font-weight:700;text-transform:uppercase;letter-spacing:.05em}[data-wireframe=hi] [data-wf-label]:before{background:var(--wireframe-muted);color:var(--wireframe-fill);font-size:var(--font-size-3xs, 9px)}}@layer utils{[hide-until-ready]:not(:defined){display:none}[show-until-ready]:defined{display:none}}@layer utils;