/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"Geist Sans", "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", "SF Mono", "Fira Code", "Fira Mono", monospace;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px #00000008, 0 1px 1px #0000000f;--shadow-sm:0 1px 3px #0000000a, 0 2px 6px #0000000a, 0 0 1px #0000000f;--shadow-md:0 2px 4px #00000008, 0 4px 12px #0000000f, 0 0 1px #00000014;--shadow-lg:0 4px 8px #0000000a, 0 8px 24px #00000014, 0 0 1px #00000014;--shadow-xl:0 8px 16px #0000000f, 0 16px 48px #0000001a, 0 0 1px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--glass-blur:20px;--glass-saturate:180%;--color-bg-inset:var(--color-dark-900,#111114);--color-bg-elevated:var(--color-dark-800,#1c1c20)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 98%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:221.2 83.2% 53.3%;--primary-foreground:210 40% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 3.8% 46.1%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 3.8% 46.1%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:221.2 83.2% 53.3%;--radius:.625rem;--chart-1:221.2 83.2% 53.3%;--chart-2:142 76.2% 36.3%;--chart-3:47.9 95.8% 53.1%;--chart-4:0 84.2% 60.2%;--chart-5:262.1 83.3% 57.8%;--warning:38 92% 50.2%;--warning-foreground:48 96% 89%;--success:142 71.8% 45.3%;--success-foreground:144 80% 95%;--info:221.2 83.2% 53.3%;--info-foreground:210 40% 98%;--primary-50:oklch(97.7% .014 264);--primary-100:oklch(95.4% .03 264);--primary-200:oklch(90.1% .064 264);--primary-300:oklch(82.7% .107 264);--primary-400:oklch(75.2% .15 264);--primary-500:oklch(54.6% .215 264);--primary-600:oklch(48.8% .2 264);--primary-700:oklch(44.3% .17 264);--primary-800:oklch(36.5% .13 264);--primary-900:oklch(31.6% .1 264);--primary-950:oklch(27.8% .08 264);--gray-50:oklch(98.5% .002 286);--gray-100:oklch(96.7% .003 286);--gray-200:oklch(92.8% .005 286);--gray-300:oklch(86.9% .007 286);--gray-400:oklch(70.4% .01 286);--gray-500:oklch(55.3% .013 286);--gray-600:oklch(44.2% .012 286);--gray-700:oklch(37.1% .011 286);--gray-800:oklch(27.4% .009 286);--gray-900:oklch(21% .007 286);--gray-950:oklch(14.5% .005 286);--success-50:oklch(97.7% .014 150);--success-100:oklch(95.4% .03 150);--success-200:oklch(90.1% .064 150);--success-300:oklch(82.7% .107 150);--success-400:oklch(75.2% .15 150);--success-500:oklch(68.3% .17 150);--success-600:oklch(55.4% .135 150);--success-700:oklch(44.3% .105 150);--success-800:oklch(36.5% .08 150);--success-900:oklch(31.6% .073 150);--success-950:oklch(27.8% .071 150);--danger-50:oklch(97.7% .014 25);--danger-100:oklch(95.4% .03 25);--danger-200:oklch(90.1% .064 25);--danger-300:oklch(82.7% .107 25);--danger-400:oklch(75.2% .15 25);--danger-500:oklch(63.7% .2 25);--danger-600:oklch(55.4% .175 25);--danger-700:oklch(44.3% .14 25);--danger-800:oklch(36.5% .11 25);--danger-900:oklch(31.6% .09 25);--danger-950:oklch(27.8% .071 25);--warning-50:oklch(97.7% .014 75);--warning-100:oklch(95.4% .03 75);--warning-200:oklch(90.1% .064 75);--warning-300:oklch(82.7% .107 75);--warning-400:oklch(79.5% .16 75);--warning-500:oklch(75.2% .18 75);--warning-600:oklch(62% .155 75);--warning-700:oklch(51% .12 75);--warning-800:oklch(42% .095 75);--warning-900:oklch(36% .075 75);--warning-950:oklch(30% .06 75);--info-50:oklch(97.7% .014 250);--info-100:oklch(95.4% .03 250);--info-200:oklch(90.1% .064 250);--info-300:oklch(82.7% .107 250);--info-400:oklch(75.2% .15 250);--info-500:oklch(64% .17 250);--info-600:oklch(55.4% .14 250);--info-700:oklch(44.3% .11 250);--info-800:oklch(36.5% .085 250);--info-900:oklch(31.6% .073 250);--info-950:oklch(27.8% .06 250)}.dark{--background:240 10% 3.9%;--foreground:0 0% 95%;--card:240 6% 6%;--card-foreground:0 0% 95%;--popover:240 10% 3.9%;--popover-foreground:0 0% 95%;--primary:217.2 91.2% 63.5%;--primary-foreground:240 10% 3.9%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 95%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 95%;--destructive:0 62.8% 50.6%;--destructive-foreground:0 0% 95%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:217.2 91.2% 63.5%;--warning:43 96% 56.3%;--warning-foreground:48 96% 89%;--success:142 70.6% 55.3%;--success-foreground:144 80% 10%;--info:217.2 91.2% 63.5%;--info-foreground:240 10% 3.9%}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-sans:"Geist Sans", "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", "SF Mono", "Fira Code", "Fira Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-.04em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.02em;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-max:1280px;--container-padding:var(--space-6);--radius-none:0;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 6px);--radius-full:9999px;--shadow-xs:0 1px 2px #00000008, 0 1px 1px #0000000f;--shadow-sm:0 1px 3px #0000000a, 0 2px 6px #0000000a, 0 0 1px #0000000f;--shadow-md:0 2px 4px #00000008, 0 4px 12px #0000000f, 0 0 1px #00000014;--shadow-lg:0 4px 8px #0000000a, 0 8px 24px #00000014, 0 0 1px #00000014;--shadow-xl:0 8px 16px #0000000f, 0 16px 48px #0000001a, 0 0 1px #0000001a;--shadow-accent-sm:0 2px 8px #2563eb26;--shadow-accent-md:0 4px 16px #2563eb33;--shadow-accent-lg:0 8px 32px #2563eb40;--ring-width:2px;--ring-offset:2px;--ring-color:var(--color-border-focus);--blur-sm:8px;--blur-md:12px;--blur-lg:20px;--duration-instant:0s;--duration-fast:.1s;--duration-normal:.2s;--duration-moderate:.3s;--duration-slow:.5s;--duration-slower:.6s;--ease-default:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--ease-out:cubic-bezier(0, .55, .45, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.22, 1.2, .36, 1);--transition-colors:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);--transition-shadow:box-shadow var(--duration-normal) var(--ease-default);--transition-transform:transform var(--duration-normal) var(--ease-default);--transition-opacity:opacity var(--duration-normal) var(--ease-default);--gradient-surface:linear-gradient(180deg, #fff 0%, #fafafa 100%);--gradient-surface-radial:radial-gradient(ellipse at top center, #fff 0%, #f4f4f5 70%);--gradient-accent:linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #3b82f6 100%);--gradient-accent-hover:linear-gradient(135deg, #1d4ed8 0%, #1e40af 50%, #2563eb 100%);--gradient-accent-subtle:linear-gradient(135deg, #2563eb14 0%, #3b82f608 100%);--gradient-border:linear-gradient(135deg, #0000000a 0%, #0000001a 50%, #0000000a 100%);--gradient-text:linear-gradient(135deg, #09090b 0%, #3f3f46 40%, #09090b 80%);--gradient-glow:radial-gradient(600px circle at var(--glow-x,50%) var(--glow-y,50%), #2563eb0f 0%, transparent 70%);--color-bg:#fff;--color-bg-surface:#fafafa;--color-bg-muted:#f4f4f5;--color-bg-inverse:#09090b;--color-text:#09090b;--color-text-secondary:#71717a;--color-text-muted:#a1a1aa;--color-text-inverse:#fafafa;--color-text-on-accent:#fff;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-pressed:#1e40af;--color-accent-subtle:#eff6ff;--color-border:#00000014;--color-border-strong:#00000026;--color-border-accent:#2563eb;--color-border-focus:#2563eb;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-success:#22c55e;--color-success-bg:#f0fdf4;--color-overlay:#0006;--color-backdrop:#fffc;--glass-bg:#fff9;--glass-border:#fff3;--glass-blur:20px;--glass-saturate:180%;--code-bg:#f4f4f5;--code-bg-inline:#f4f4f5;--code-text:#1c1c20;--code-keyword:#2563eb;--code-string:#1e40af;--code-comment:#71717a;--code-function:#09090b;--code-punctuation:#71717a;--code-number:#1d4ed8;--code-type:#2563eb;--code-property:#1c1c20;--code-operator:#71717a;--code-tag:#2563eb;--code-attribute:#1e40af;--code-line-highlight:#2563eb0f;--code-line-number:#a1a1aa;--code-selection:#2563eb1f;--code-border:#0000000f;--code-diff-add-bg:#22c55e14;--code-diff-add-border:#22c55e4d;--code-diff-remove-bg:#ef444414;--code-diff-remove-border:#ef44444d;--blog-card-radius:var(--radius-lg);--blog-card-padding:0;--blog-card-body-padding:var(--space-5);--blog-card-shadow:var(--shadow-sm);--blog-card-shadow-hover:var(--shadow-md);--blog-card-border:1px solid var(--color-border);--blog-card-bg:var(--color-bg-surface);--blog-card-lift:-2px;--blog-thumb-ratio:16 / 9;--blog-thumb-radius:var(--radius-lg) var(--radius-lg) 0 0;--blog-tag-bg:var(--color-accent-subtle);--blog-tag-text:var(--color-accent);--blog-tag-radius:var(--radius-full);--blog-tag-padding:var(--space-1) var(--space-3);--blog-tag-font:var(--text-xs);--blog-meta-color:var(--color-text-muted);--blog-meta-font:var(--text-sm);--blog-title-font:var(--text-xl);--blog-title-weight:600;--blog-title-tracking:-.015em;--blog-content-max:720px;--blog-content-gap:var(--space-6)}.dark{--color-dark-950:#09090b;--color-dark-900:#111114;--color-dark-850:#161619;--color-dark-800:#1c1c20;--color-dark-750:#232328;--color-dark-700:#2e2e35;--color-dark-600:#424250;--color-dark-500:#5a5a68;--color-dark-400:#888896;--color-dark-300:#acacb8;--color-dark-200:#d0d0d8;--color-dark-100:#e8e8ee;--color-dark-50:#f5f5f9;--color-bg:var(--color-dark-950);--color-bg-inset:var(--color-dark-900);--color-bg-surface:var(--color-dark-850);--color-bg-elevated:var(--color-dark-800);--color-bg-muted:var(--color-dark-750);--color-bg-inverse:var(--color-dark-50);--color-text:var(--color-dark-50);--color-text-secondary:var(--color-dark-400);--color-text-muted:var(--color-dark-500);--color-text-subtle:var(--color-dark-600);--color-text-inverse:var(--color-dark-950);--color-text-on-accent:#fff;--color-accent:#4b8df8;--color-accent-hover:#6ba3fa;--color-accent-pressed:#2563eb;--color-accent-subtle:#4b8df81a;--color-accent-ghost:#4b8df80d;--color-bg-accent-tint:#141420;--color-bg-accent-tint-hover:#1a1a2a;--color-border-accent-tint:#4b8df833;--color-border:var(--color-dark-800);--color-border-strong:var(--color-dark-700);--color-border-subtle:var(--color-dark-850);--color-border-accent:#4b8df8;--color-border-focus:#4b8df8;--color-error:#f87171;--color-error-bg:#ef44441a;--color-warning:#fbbf24;--color-warning-bg:#f59e0b1a;--color-success:#4ade80;--color-success-bg:#22c55e1a;--color-overlay:#0009;--color-backdrop:#09090bcc;--shadow-xs:0 -.5px 0 #ffffff08, 0 1px 2px #0000004d, 0 1px 1px #0003;--shadow-sm:0 -.5px 0 #ffffff0a, 0 1px 3px #0000004d, 0 2px 8px #00000040;--shadow-md:0 -.5px 0 #ffffff0d, 0 2px 4px #0000004d, 0 6px 16px #0000004d;--shadow-lg:0 -1px 0 #ffffff0d, 0 4px 8px #0000004d, 0 12px 32px #00000059;--shadow-xl:0 -1px 0 #ffffff0f, 0 8px 16px #00000059, 0 24px 56px #0006;--shadow-inset:inset 0 1px 4px #0000004d, inset 0 0 1px #0003;--shadow-inset-sm:inset 0 1px 2px #0003;--shadow-accent-sm:0 2px 8px #4b8df833;--shadow-accent-md:0 4px 16px #4b8df84d;--shadow-accent-lg:0 8px 32px #4b8df859;--glow-accent-xs:0 0 6px #4b8df826, 0 0 2px #4b8df84d;--glow-accent-sm:0 0 12px #4b8df826, 0 0 4px #4b8df84d;--glow-accent-md:0 0 20px #4b8df826, 0 0 6px #4b8df840, 0 0 2px #4b8df866;--glow-accent-lg:0 0 40px #4b8df81f, 0 0 15px #4b8df833, 0 0 4px #4b8df859;--border-gradient-accent:linear-gradient(135deg, #4b8df866 0%, #4b8df81a 40%, #4b8df84d 70%, #4b8df80d 100%);--gradient-surface:linear-gradient(180deg, #09090b 0%, #111114 100%);--gradient-surface-radial:radial-gradient(ellipse at top center, #161619 0%, #09090b 70%);--gradient-accent:linear-gradient(135deg, #4b8df8 0%, #2563eb 50%, #6ba3fa 100%);--gradient-accent-hover:linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #4b8df8 100%);--gradient-accent-subtle:linear-gradient(135deg, #4b8df81f 0%, #6ba3fa0d 100%);--gradient-border:linear-gradient(135deg, #ffffff0a 0%, #ffffff1a 50%, #ffffff0a 100%);--gradient-text:linear-gradient(135deg, #f5f5f9 0%, #888896 40%, #f5f5f9 80%);--gradient-glow:radial-gradient(600px circle at var(--glow-x,50%) var(--glow-y,50%), #4b8df814 0%, transparent 70%);--glow-ambient:radial-gradient(800px circle at var(--glow-x,50%) var(--glow-y,30%), #4b8df812 0%, #4b8df808 30%, transparent 70%);--glass-bg:#09090bb3;--glass-border:#ffffff0f;--glass-blur:20px;--glass-saturate:180%;--code-bg:#111114;--code-bg-inline:var(--color-dark-750);--code-text:#d0d0d8;--code-keyword:#6ba3fa;--code-string:#93b8fb;--code-comment:#5a5a68;--code-function:#f5f5f9;--code-punctuation:#5a5a68;--code-number:#7db0fa;--code-type:#6ba3fa;--code-property:#d0d0d8;--code-operator:#5a5a68;--code-tag:#6ba3fa;--code-attribute:#93b8fb;--code-line-highlight:#4b8df814;--code-line-number:#424250;--code-selection:#4b8df826;--code-border:var(--color-dark-800);--code-diff-add-bg:#4ade8014;--code-diff-add-border:#4ade8040;--code-diff-remove-bg:#f8717114;--code-diff-remove-border:#f8717140}@media(min-width:768px){:root{--container-padding:var(--space-8)}}@media(min-width:1024px){:root{--container-padding:var(--space-12)}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}body{min-height:100vh}:focus-visible{outline:var(--ring-width) solid var(--ring-color);outline-offset:var(--ring-offset)}:focus:not(:focus-visible){outline:none}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-padding);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border)}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shimmer-border{position:relative}.shimmer-border:before{content:"";border-radius:inherit;background:var(--gradient-border);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .accent-border:before{background:var(--border-gradient-accent);opacity:0;transition:opacity var(--duration-normal) var(--ease-default)}.dark .accent-border:hover:before{opacity:1}.dark .dark-grain{position:relative}.dark .dark-grain:after{content:"";opacity:.025;pointer-events:none;mix-blend-mode:screen;border-radius:inherit;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.theme-transitioning,.theme-transitioning *,.theme-transitioning :before,.theme-transitioning :after{transition:background-color .4s var(--ease-default),color .4s var(--ease-default),border-color .4s var(--ease-default),box-shadow .4s var(--ease-default),fill .4s var(--ease-default),stroke .4s var(--ease-default)!important}.dark .inset-surface{background:var(--color-bg-inset);box-shadow:var(--shadow-inset-sm)}.dark [data-glow]:after{content:"";background:radial-gradient(600px circle at var(--glow-x,50%) var(--glow-y,50%),#4b8df80a 0%,transparent 60%);pointer-events:none;border-radius:inherit;position:absolute;inset:0}.section{padding-block:var(--space-24);border-bottom:1px solid var(--color-border)}.section:last-child{border-bottom:none}.section-title{font-family:var(--font-sans);font-weight:600;font-size:var(--text-3xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.section-desc{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:65ch;margin-bottom:var(--space-12)}.subsection-title{font-family:var(--font-sans);font-weight:500;font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:-.015em;margin-bottom:var(--space-6);margin-top:var(--space-12)}.subsection-title:first-child{margin-top:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}pre{background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--code-border);line-height:1.7;position:relative;overflow-x:auto}pre code{font-size:inherit;color:inherit;background:0 0;border:none;padding:0}code:not(pre code){font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--code-bg-inline);color:var(--code-text);border:1px solid var(--code-border);padding:.15em .35em;font-size:.875em}pre .keyword,pre .storage,pre .token.keyword{color:var(--code-keyword)}pre .string,pre .token.string{color:var(--code-string)}pre .comment,pre .token.comment{color:var(--code-comment);font-style:italic}pre .function,pre .entity-name-function,pre .token.function{color:var(--code-function)}pre .number,pre .constant,pre .token.number{color:var(--code-number)}pre .type,pre .class-name,pre .token.class-name{color:var(--code-type)}pre .punctuation,pre .operator,pre .token.punctuation,pre .token.operator{color:var(--code-punctuation)}pre .property,pre .token.property{color:var(--code-property)}pre .tag,pre .token.tag{color:var(--code-tag)}pre .attr-name,pre .token.attr-name{color:var(--code-attribute)}pre .line.highlighted,pre .highlight-line{background:var(--code-line-highlight);width:100%;margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);display:inline-block}pre .line-number,pre code[data-line-numbers] .line:before{color:var(--code-line-number);text-align:right;padding-right:var(--space-4);-webkit-user-select:none;user-select:none;min-width:2.5ch;display:inline-block}pre ::selection{background:var(--code-selection)}pre .diff-add,pre .line.diff.add{background:var(--code-diff-add-bg);border-left:2px solid var(--code-diff-add-border)}pre .diff-remove,pre .line.diff.remove{background:var(--code-diff-remove-bg);border-left:2px solid var(--code-diff-remove-border)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-m-fade{0%{opacity:0}to{opacity:1}}@keyframes draw-down{0%{stroke-dashoffset:500px}to{stroke-dashoffset:0}}@keyframes draw-up{0%{stroke-dashoffset:-500px}to{stroke-dashoffset:0}}@keyframes breathe-down{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes breathe-up{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:var(--shadow-accent-sm)}50%{box-shadow:var(--shadow-accent-md)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.skip-link{top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text-on-accent);border-radius:var(--radius-md);z-index:100;font-size:var(--text-sm);font-weight:500;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.nav[data-astro-cid-dmqpwcec]{position:sticky;top:0;z-index:50;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-bottom:1px solid var(--glass-border);height:56px;box-shadow:0 1px 3px #00000005}.dark .nav[data-astro-cid-dmqpwcec]{box-shadow:0 1px #ffffff08,0 1px 3px #0003;border-bottom-color:var(--color-border-subtle)}.nav-inner[data-astro-cid-dmqpwcec]{display:flex;align-items:center;height:100%;gap:var(--space-1)}.nav-logo[data-astro-cid-dmqpwcec]{display:flex;align-items:center;margin-right:var(--space-6);color:var(--color-text);text-decoration:none}.nav-links[data-astro-cid-dmqpwcec]{display:flex;align-items:center;gap:var(--space-1);overflow-x:auto;flex:1;-ms-overflow-style:none;scrollbar-width:none}.nav-links[data-astro-cid-dmqpwcec]::-webkit-scrollbar{display:none}.nav-link[data-astro-cid-dmqpwcec]{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.nav-link[data-astro-cid-dmqpwcec]:hover{color:var(--color-text);background:var(--color-bg-muted);box-shadow:var(--shadow-xs)}.theme-toggle[data-astro-cid-dmqpwcec]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);flex-shrink:0;margin-left:var(--space-2)}.theme-toggle[data-astro-cid-dmqpwcec]:hover{color:var(--color-text);background:var(--color-bg-muted);border-color:var(--color-border);box-shadow:var(--shadow-xs)}html:not(.dark) .icon-moon[data-astro-cid-dmqpwcec]{display:none}.dark .icon-sun[data-astro-cid-dmqpwcec]{display:none}@media(max-width:768px){.nav-links[data-astro-cid-dmqpwcec]{gap:0}.nav-link[data-astro-cid-dmqpwcec]{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}.logo-animated[data-astro-cid-tvrurpns] .logo-m[data-astro-cid-tvrurpns]{animation:logo-m-fade .2s var(--ease-out) forwards;opacity:0}.logo-animated[data-astro-cid-tvrurpns] .logo-split-down[data-astro-cid-tvrurpns]{opacity:0;animation:split-down .3s var(--ease-default) .1s forwards}.logo-animated[data-astro-cid-tvrurpns] .logo-split-up[data-astro-cid-tvrurpns]{opacity:0;animation:split-up .3s var(--ease-bounce) .3s forwards}@keyframes split-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes split-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero[data-astro-cid-bbe6dxrz]{position:relative;padding:var(--space-32) 0 var(--space-24);text-align:center;border-bottom:1px solid var(--color-border);overflow:hidden;background:var(--gradient-surface)}.hero-glow[data-astro-cid-bbe6dxrz]{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(37,99,235,.06) 0%,transparent 70%);pointer-events:none}.dark .hero-glow[data-astro-cid-bbe6dxrz]{background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(75,141,248,.1) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(75,141,248,.06) 0%,transparent 70%),radial-gradient(ellipse 80% 60% at 50% 10%,rgba(75,141,248,.08) 0%,transparent 60%)}.hero-inner[data-astro-cid-bbe6dxrz]{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);animation:fade-in-up .6s var(--ease-out)}.hero-logo-wrap[data-astro-cid-bbe6dxrz]{animation:float 6s var(--ease-in-out) infinite}.hero-title[data-astro-cid-bbe6dxrz]{font-family:var(--font-sans);font-weight:600;font-size:var(--text-5xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.hero-subtitle[data-astro-cid-bbe6dxrz]{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:560px}.brand-text[data-astro-cid-bbe6dxrz]{font-family:var(--font-mono);font-weight:500;letter-spacing:-.02em}.hero-badges[data-astro-cid-bbe6dxrz]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.badge[data-astro-cid-bbe6dxrz]{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.badge-glass[data-astro-cid-bbe6dxrz]{background:var(--color-bg-muted);color:var(--color-text-secondary);border:1px solid var(--color-border);backdrop-filter:blur(8px)}.badge-accent[data-astro-cid-bbe6dxrz]{background:var(--gradient-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-accent-sm)}.dark .badge-accent[data-astro-cid-bbe6dxrz]{box-shadow:var(--glow-accent-sm)}.dark .badge-glass[data-astro-cid-bbe6dxrz]{background:var(--color-bg-elevated);border-color:var(--color-border)}@media(max-width:768px){.hero[data-astro-cid-bbe6dxrz]{padding:var(--space-20) 0 var(--space-16)}.hero-title[data-astro-cid-bbe6dxrz]{font-size:var(--text-4xl)}}.swatch[data-astro-cid-eomsac2k]{display:flex;flex-direction:column;gap:var(--space-2)}.swatch-color[data-astro-cid-eomsac2k]{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.swatch-dark[data-astro-cid-eomsac2k]{border-color:#ffffff1a}.swatch-info[data-astro-cid-eomsac2k]{display:flex;flex-direction:column;gap:var(--space-0-5)}.swatch-name[data-astro-cid-eomsac2k]{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.swatch-value[data-astro-cid-eomsac2k]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.swatch-token[data-astro-cid-eomsac2k]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.swatch-grid[data-astro-cid-jvpp72yq]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.swatch-grid-sm[data-astro-cid-jvpp72yq]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.semantic-grid[data-astro-cid-jvpp72yq]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.semantic-card[data-astro-cid-jvpp72yq]{display:flex;flex-direction:column;gap:var(--space-2)}.semantic-card[data-astro-cid-jvpp72yq] code[data-astro-cid-jvpp72yq]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.semantic-swatch[data-astro-cid-jvpp72yq]{display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.semantic-swatch[data-astro-cid-jvpp72yq]:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.semantic-swatch-accent[data-astro-cid-jvpp72yq]{border:none;box-shadow:var(--shadow-accent-sm)}.semantic-swatch-accent[data-astro-cid-jvpp72yq]:hover{box-shadow:var(--shadow-accent-md)}.type-scale[data-astro-cid-r6kzy4yl]{display:flex;flex-direction:column;gap:var(--space-2)}.type-row[data-astro-cid-r6kzy4yl]{display:grid;grid-template-columns:50px 1fr 60px;align-items:baseline;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.type-token[data-astro-cid-r6kzy4yl]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.type-sample[data-astro-cid-r6kzy4yl]{font-family:var(--font-sans);font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-meta[data-astro-cid-r6kzy4yl]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.heading-demo[data-astro-cid-r6kzy4yl]{display:flex;flex-direction:column;gap:var(--space-6)}.heading-row[data-astro-cid-r6kzy4yl]{display:flex;align-items:baseline;gap:var(--space-6)}.heading-row[data-astro-cid-r6kzy4yl] code[data-astro-cid-r6kzy4yl]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0;width:40px}.demo-heading-hero[data-astro-cid-r6kzy4yl]{font-family:var(--font-sans);font-weight:600;font-size:var(--text-6xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.demo-heading-page[data-astro-cid-r6kzy4yl]{font-family:var(--font-sans);font-weight:600;font-size:var(--text-3xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.demo-heading-section[data-astro-cid-r6kzy4yl]{font-family:var(--font-sans);font-weight:600;font-size:var(--text-2xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.demo-heading-sub[data-astro-cid-r6kzy4yl]{font-family:var(--font-sans);font-weight:500;font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:-.015em}.demo-heading-small[data-astro-cid-r6kzy4yl]{font-family:var(--font-sans);font-weight:500;font-size:var(--text-base);line-height:var(--leading-normal)}.body-demo[data-astro-cid-r6kzy4yl]{display:flex;flex-direction:column;gap:var(--space-6);max-width:65ch}.demo-body-lead[data-astro-cid-r6kzy4yl]{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.demo-body-default[data-astro-cid-r6kzy4yl]{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text)}.demo-body-secondary[data-astro-cid-r6kzy4yl]{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.demo-code-inline[data-astro-cid-r6kzy4yl]{font-family:var(--font-mono);font-size:.875em;padding:.125em .375em;border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text)}.demo-code-block[data-astro-cid-r6kzy4yl]{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.demo-code-header[data-astro-cid-r6kzy4yl]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border)}.demo-code-lang[data-astro-cid-r6kzy4yl]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-surface);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm)}.demo-code-block[data-astro-cid-r6kzy4yl] pre[data-astro-cid-r6kzy4yl]{padding:var(--space-4);overflow-x:auto;margin:0}.demo-code-block[data-astro-cid-r6kzy4yl] code[data-astro-cid-r6kzy4yl]{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;color:var(--color-text)}.font-demo[data-astro-cid-r6kzy4yl]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.font-card[data-astro-cid-r6kzy4yl]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.font-card[data-astro-cid-r6kzy4yl]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.font-label[data-astro-cid-r6kzy4yl]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.font-specimen[data-astro-cid-r6kzy4yl]{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text)}.font-sans-specimen[data-astro-cid-r6kzy4yl]{font-family:var(--font-sans)}.font-mono-specimen[data-astro-cid-r6kzy4yl]{font-family:var(--font-mono);font-weight:500}@media(max-width:768px){.demo-heading-hero[data-astro-cid-r6kzy4yl]{font-size:var(--text-4xl)}}.spacing-row[data-astro-cid-xm4j3spp]{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:var(--space-3);padding:var(--space-1-5) 0}.spacing-label[data-astro-cid-xm4j3spp]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.spacing-bar-wrap[data-astro-cid-xm4j3spp]{height:24px;display:flex;align-items:center}.spacing-bar[data-astro-cid-xm4j3spp]{height:100%;min-width:2px;background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-sm)}.spacing-value[data-astro-cid-xm4j3spp]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.spacing-demo[data-astro-cid-cvsmgob2]{max-width:600px}.radius-grid[data-astro-cid-cvsmgob2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-4)}.radius-item[data-astro-cid-cvsmgob2]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.radius-box[data-astro-cid-cvsmgob2]{width:64px;height:64px;background:var(--gradient-accent-subtle);border:2px solid var(--color-accent);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.radius-box[data-astro-cid-cvsmgob2]:hover{box-shadow:var(--shadow-accent-sm);transform:scale(1.05)}.radius-item[data-astro-cid-cvsmgob2] code[data-astro-cid-cvsmgob2]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);font-weight:500}.radius-value[data-astro-cid-cvsmgob2]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.surface-grid[data-astro-cid-6oetab6a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.surface-card[data-astro-cid-6oetab6a]{padding:var(--space-8) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-weight:500;font-size:var(--text-sm);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.surface-card[data-astro-cid-6oetab6a]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.surface-card[data-astro-cid-6oetab6a] code[data-astro-cid-6oetab6a]{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.7}.surface-inset[data-astro-cid-6oetab6a]{background:var(--color-bg-inset, var(--color-bg));box-shadow:var(--shadow-inset-sm, none)}.surface-elevated[data-astro-cid-6oetab6a]{background:var(--color-bg-elevated, var(--color-bg-surface));box-shadow:var(--shadow-sm)}.dark .surface-elevated[data-astro-cid-6oetab6a]{box-shadow:var(--shadow-sm)}.surface-inverse[data-astro-cid-6oetab6a]{border-color:transparent}.shadow-grid[data-astro-cid-6oetab6a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6)}.shadow-card[data-astro-cid-6oetab6a]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:transform var(--duration-normal) var(--ease-default)}.shadow-card[data-astro-cid-6oetab6a]:hover{transform:translateY(-2px)}.shadow-card[data-astro-cid-6oetab6a] code[data-astro-cid-6oetab6a]{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-text)}.shadow-desc[data-astro-cid-6oetab6a]{font-size:var(--text-xs);color:var(--color-text-muted)}.accent-glow-card[data-astro-cid-6oetab6a]{border-color:#2563eb33;background:var(--gradient-accent-subtle)}.dark .accent-glow-card[data-astro-cid-6oetab6a]{border-color:#3b82f633}.gradient-border-demo[data-astro-cid-6oetab6a]{max-width:400px}.gradient-border-card[data-astro-cid-6oetab6a]{background:var(--color-bg-surface);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.gradient-border-card[data-astro-cid-6oetab6a]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.gradient-border-card[data-astro-cid-6oetab6a] h4[data-astro-cid-6oetab6a]{font-weight:500;font-size:var(--text-base);margin-bottom:var(--space-2)}.gradient-border-card[data-astro-cid-6oetab6a] p[data-astro-cid-6oetab6a]{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.border-demo[data-astro-cid-6oetab6a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.border-item[data-astro-cid-6oetab6a]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.border-box[data-astro-cid-6oetab6a]{width:100%;height:64px;border-radius:var(--radius-lg);background:var(--color-bg-surface)}.border-item[data-astro-cid-6oetab6a] code[data-astro-cid-6oetab6a]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);font-weight:500}.border-item[data-astro-cid-6oetab6a] span[data-astro-cid-6oetab6a]{font-size:var(--text-xs);color:var(--color-text-muted)}.glow-hint[data-astro-cid-6oetab6a]{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.glow-card[data-astro-cid-6oetab6a]{background:var(--color-bg-surface);border-color:#4b8df826}.dark .glow-card[data-astro-cid-6oetab6a]{background:var(--color-bg-elevated);border-color:#4b8df833}.inset-demo[data-astro-cid-6oetab6a]{background:var(--color-bg-muted);box-shadow:none;border-style:dashed}.dark .inset-demo[data-astro-cid-6oetab6a]{background:var(--color-bg-inset);box-shadow:var(--shadow-inset-sm);border-color:var(--color-border-subtle);border-style:solid}.dark .inset-demo-deep[data-astro-cid-6oetab6a]{box-shadow:var(--shadow-inset)}.accent-tint-card[data-astro-cid-6oetab6a]{background:var(--color-accent-subtle);border-color:#2563eb26}.dark .accent-tint-card[data-astro-cid-6oetab6a]{background:var(--color-bg-accent-tint);border-color:var(--color-border-accent-tint)}.component-row[data-astro-cid-wrgt5zrd]{display:flex;flex-direction:column;gap:var(--space-8)}.component-group[data-astro-cid-wrgt5zrd]{display:flex;flex-direction:column;gap:var(--space-3)}.component-label[data-astro-cid-wrgt5zrd]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.button-row[data-astro-cid-wrgt5zrd]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.btn[data-astro-cid-wrgt5zrd]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-default),background var(--duration-normal) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.btn[data-astro-cid-wrgt5zrd]:active{transform:scale(.98)}.btn[data-astro-cid-wrgt5zrd]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary[data-astro-cid-wrgt5zrd]{background:var(--gradient-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-accent-sm)}.btn-primary[data-astro-cid-wrgt5zrd]:hover:not(:disabled){background:var(--gradient-accent-hover);box-shadow:var(--shadow-accent-md);transform:translateY(-1px)}.btn-primary[data-astro-cid-wrgt5zrd]:active:not(:disabled){box-shadow:var(--shadow-accent-sm);transform:translateY(0) scale(.98)}.dark .btn-primary[data-astro-cid-wrgt5zrd]{box-shadow:var(--glow-accent-sm)}.dark .btn-primary[data-astro-cid-wrgt5zrd]:hover:not(:disabled){box-shadow:var(--glow-accent-md)}.btn-secondary[data-astro-cid-wrgt5zrd]{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary[data-astro-cid-wrgt5zrd]:hover:not(:disabled){background:var(--color-bg-muted);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dark .btn-secondary[data-astro-cid-wrgt5zrd]{background:var(--color-bg-elevated);border-color:var(--color-border);box-shadow:0 -.5px #ffffff0f,var(--shadow-xs)}.dark .btn-secondary[data-astro-cid-wrgt5zrd]:hover:not(:disabled){background:var(--color-bg-muted);border-color:var(--color-border-strong)}.btn-ghost[data-astro-cid-wrgt5zrd]{background:transparent;color:var(--color-text-secondary)}.btn-ghost[data-astro-cid-wrgt5zrd]:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text)}.btn-destructive[data-astro-cid-wrgt5zrd]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444433}.btn-destructive[data-astro-cid-wrgt5zrd]:hover:not(:disabled){box-shadow:0 4px 16px #ef44444d;transform:translateY(-1px)}.btn-sm[data-astro-cid-wrgt5zrd]{height:32px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs)}.btn-lg[data-astro-cid-wrgt5zrd]{height:48px;padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-loading[data-astro-cid-wrgt5zrd]{pointer-events:none;opacity:.8}.btn-spinner[data-astro-cid-wrgt5zrd]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-grid[data-astro-cid-wrgt5zrd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.demo-card[data-astro-cid-wrgt5zrd]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.demo-card-interactive[data-astro-cid-wrgt5zrd]{cursor:pointer;transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.demo-card-interactive[data-astro-cid-wrgt5zrd]:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.demo-card-interactive[data-astro-cid-wrgt5zrd]:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.dark .demo-card-interactive[data-astro-cid-wrgt5zrd]:hover{background:var(--color-bg-elevated);border-color:var(--color-border-strong)}.demo-card-inset[data-astro-cid-wrgt5zrd]{background:var(--color-bg-muted);box-shadow:none;border-style:dashed}.dark .demo-card-inset[data-astro-cid-wrgt5zrd]{background:var(--color-bg-inset);box-shadow:var(--shadow-inset-sm);border-style:solid;border-color:var(--color-border-subtle)}.demo-card-elevated[data-astro-cid-wrgt5zrd]{box-shadow:var(--shadow-md);border-color:transparent}.demo-card-elevated[data-astro-cid-wrgt5zrd]:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.dark .demo-card-elevated[data-astro-cid-wrgt5zrd]:hover{box-shadow:var(--shadow-lg),var(--glow-accent-xs)}.demo-card-title[data-astro-cid-wrgt5zrd]{font-weight:500;font-size:var(--text-base);margin-bottom:var(--space-2)}.demo-card-body[data-astro-cid-wrgt5zrd]{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.input-grid[data-astro-cid-wrgt5zrd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-6)}.input-group[data-astro-cid-wrgt5zrd]{display:flex;flex-direction:column;gap:var(--space-1-5)}.input-label[data-astro-cid-wrgt5zrd]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.demo-input[data-astro-cid-wrgt5zrd]{height:40px;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);width:100%}.demo-input[data-astro-cid-wrgt5zrd]::placeholder{color:var(--color-text-muted)}.demo-input[data-astro-cid-wrgt5zrd]:focus{border-color:var(--color-border-accent);border-width:2px;padding:calc(var(--space-3) - 1px);outline:none;box-shadow:0 0 0 3px #2563eb1a,var(--shadow-accent-sm)}.dark .demo-input[data-astro-cid-wrgt5zrd]{background:var(--color-bg-inset);border-color:var(--color-border);box-shadow:var(--shadow-inset-sm)}.dark .demo-input[data-astro-cid-wrgt5zrd]:focus{border-color:var(--color-accent);box-shadow:var(--shadow-inset-sm),var(--glow-accent-xs)}.demo-input[data-astro-cid-wrgt5zrd]:disabled{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.demo-input-focused[data-astro-cid-wrgt5zrd]{border-color:var(--color-border-accent);border-width:2px;padding:calc(var(--space-3) - 1px);box-shadow:0 0 0 3px #2563eb1a,var(--shadow-accent-sm)}.demo-input-error[data-astro-cid-wrgt5zrd]{border-color:var(--color-error);background:var(--color-error-bg);box-shadow:0 0 0 3px #ef444414}.input-helper[data-astro-cid-wrgt5zrd]{font-size:var(--text-xs);color:var(--color-text-muted)}.input-error-msg[data-astro-cid-wrgt5zrd]{font-size:var(--text-xs);color:var(--color-error)}.badge-row[data-astro-cid-wrgt5zrd]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.badge[data-astro-cid-wrgt5zrd]{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--color-bg-muted);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-accent[data-astro-cid-wrgt5zrd]{background:var(--color-accent-subtle);color:var(--color-accent);border-color:#2563eb26}.badge-success[data-astro-cid-wrgt5zrd]{background:var(--color-success-bg);color:var(--color-success);border-color:#22c55e26}.badge-warning[data-astro-cid-wrgt5zrd]{background:var(--color-warning-bg);color:var(--color-warning);border-color:#f59e0b26}.badge-error[data-astro-cid-wrgt5zrd]{background:var(--color-error-bg);color:var(--color-error);border-color:#ef444426}.demo-code-block[data-astro-cid-wrgt5zrd]{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.dark .demo-code-block[data-astro-cid-wrgt5zrd]{background:var(--color-bg-inset);border-color:var(--color-border-subtle);box-shadow:var(--shadow-inset)}.demo-code-header[data-astro-cid-wrgt5zrd]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border)}.demo-code-lang[data-astro-cid-wrgt5zrd]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-surface);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm)}.demo-code-block[data-astro-cid-wrgt5zrd] pre[data-astro-cid-wrgt5zrd]{padding:var(--space-4);overflow-x:auto;margin:0}.demo-code-block[data-astro-cid-wrgt5zrd] code[data-astro-cid-wrgt5zrd]{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;color:var(--color-text)}.syn-keyword[data-astro-cid-wrgt5zrd]{color:var(--color-accent)}.syn-string[data-astro-cid-wrgt5zrd]{color:#22c55e}.syn-fn[data-astro-cid-wrgt5zrd]{color:var(--color-text)}.syn-comment[data-astro-cid-wrgt5zrd]{color:var(--color-text-muted);font-style:italic}.dark .syn-string[data-astro-cid-wrgt5zrd]{color:#4ade80}.demo-copy-btn[data-astro-cid-wrgt5zrd]{opacity:.7}.demo-copy-btn[data-astro-cid-wrgt5zrd]:hover{opacity:1}.toast-grid[data-astro-cid-wrgt5zrd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.demo-toast[data-astro-cid-wrgt5zrd]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);font-size:var(--text-sm);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.demo-toast[data-astro-cid-wrgt5zrd]:hover{transform:translateY(-1px)}.dark .demo-toast[data-astro-cid-wrgt5zrd]{background:var(--color-bg-elevated);box-shadow:0 -.5px #ffffff0a,var(--shadow-lg)}.demo-toast-info[data-astro-cid-wrgt5zrd]{border-left:3px solid var(--color-accent)}.demo-toast-success[data-astro-cid-wrgt5zrd]{border-left:3px solid var(--color-success)}.demo-toast-warning[data-astro-cid-wrgt5zrd]{border-left:3px solid var(--color-warning)}.demo-toast-error[data-astro-cid-wrgt5zrd]{border-left:3px solid var(--color-error)}.widget-card[data-astro-cid-wrgt5zrd]{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);max-width:480px;background:var(--color-bg-surface);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.widget-card[data-astro-cid-wrgt5zrd]:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.dark .widget-card[data-astro-cid-wrgt5zrd]:hover{box-shadow:var(--shadow-xl),var(--glow-accent-sm)}.widget-output[data-astro-cid-wrgt5zrd]{padding:var(--space-8) var(--space-6);background:var(--color-bg)}.widget-chart[data-astro-cid-wrgt5zrd]{display:flex;align-items:flex-end;gap:var(--space-3);height:140px}.chart-bar[data-astro-cid-wrgt5zrd]{flex:1;background:var(--color-bg-muted);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);min-height:20px;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.chart-bar[data-astro-cid-wrgt5zrd]:hover{transform:scaleY(1.02);transform-origin:bottom}.chart-bar-accent[data-astro-cid-wrgt5zrd]{background:var(--gradient-accent-subtle);border:1px solid rgba(37,99,235,.2);border-bottom:none;color:var(--color-accent)}.widget-source[data-astro-cid-wrgt5zrd]{padding:var(--space-3) var(--space-4);background:var(--color-bg-muted);border-top:1px solid var(--color-border)}.dark .widget-source[data-astro-cid-wrgt5zrd]{background:var(--color-bg-inset);border-top-color:var(--color-border-subtle)}.widget-source[data-astro-cid-wrgt5zrd] code[data-astro-cid-wrgt5zrd]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);word-break:break-all}.skeleton-demo[data-astro-cid-wrgt5zrd]{display:flex;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);max-width:400px}.skeleton[data-astro-cid-wrgt5zrd]{background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-surface) 50%,var(--color-bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s var(--ease-in-out) infinite;border-radius:var(--radius-md)}.skeleton-avatar[data-astro-cid-wrgt5zrd]{width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0}.skeleton-content[data-astro-cid-wrgt5zrd]{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-title[data-astro-cid-wrgt5zrd]{height:16px;width:60%}.skeleton-text[data-astro-cid-wrgt5zrd]{height:12px;width:100%}.skeleton-text-short[data-astro-cid-wrgt5zrd]{width:40%}.demo-code-inline[data-astro-cid-sjkgnhyi]{font-family:var(--font-mono);font-size:.875em;padding:.125em .375em;border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text)}.timing-grid[data-astro-cid-sjkgnhyi]{display:flex;flex-direction:column;gap:var(--space-3);max-width:700px}.timing-row[data-astro-cid-sjkgnhyi]{display:grid;grid-template-columns:140px 1fr 60px;align-items:center;gap:var(--space-3)}.timing-label[data-astro-cid-sjkgnhyi]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.timing-bar-wrap[data-astro-cid-sjkgnhyi]{height:6px;background:var(--color-bg-muted);border-radius:var(--radius-full);overflow:hidden}.timing-bar[data-astro-cid-sjkgnhyi]{height:100%;width:0%;background:var(--gradient-accent);border-radius:var(--radius-full);animation:timing-fill 2s var(--ease-default) infinite}@keyframes timing-fill{0%{width:0%}50%{width:100%}to{width:0%}}.timing-value[data-astro-cid-sjkgnhyi]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.easing-grid[data-astro-cid-sjkgnhyi]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.easing-card[data-astro-cid-sjkgnhyi]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.easing-card[data-astro-cid-sjkgnhyi]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.easing-demo[data-astro-cid-sjkgnhyi]{width:100%;height:40px;position:relative;background:var(--color-bg-muted);border-radius:var(--radius-sm);overflow:hidden}.easing-dot[data-astro-cid-sjkgnhyi]{position:absolute;top:50%;left:8px;width:12px;height:12px;background:var(--gradient-accent);border-radius:var(--radius-full);transform:translateY(-50%);animation:easing-slide 2s infinite alternate;box-shadow:var(--shadow-accent-sm)}@keyframes easing-slide{0%{left:8px}to{left:calc(100% - 20px)}}.easing-card[data-astro-cid-sjkgnhyi] code[data-astro-cid-sjkgnhyi]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);font-weight:500}.easing-desc[data-astro-cid-sjkgnhyi]{font-size:var(--text-xs);color:var(--color-text-muted)}.new-anim-grid[data-astro-cid-sjkgnhyi]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.anim-card[data-astro-cid-sjkgnhyi]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.anim-demo[data-astro-cid-sjkgnhyi]{width:100%;height:56px;display:flex;align-items:center;justify-content:center}.glow-pulse-demo[data-astro-cid-sjkgnhyi]{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-accent);animation:glow-pulse 2s var(--ease-in-out) infinite}.float-demo[data-astro-cid-sjkgnhyi]{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-bg-muted);border:1px solid var(--color-border);box-shadow:var(--shadow-md);animation:float 3s var(--ease-in-out) infinite}.shimmer-demo[data-astro-cid-sjkgnhyi]{width:100%;height:32px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-surface) 50%,var(--color-bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s var(--ease-in-out) infinite}.anim-card[data-astro-cid-sjkgnhyi] code[data-astro-cid-sjkgnhyi]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);font-weight:500}.anim-desc[data-astro-cid-sjkgnhyi]{font-size:var(--text-xs);color:var(--color-text-muted)}.logo-animation-demo[data-astro-cid-sjkgnhyi]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.logo-anim-box[data-astro-cid-sjkgnhyi]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;align-items:center;justify-content:center;width:fit-content;box-shadow:var(--shadow-md)}.logo-anim-desc[data-astro-cid-sjkgnhyi]{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:50ch}.btn[data-astro-cid-sjkgnhyi]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-default),background var(--duration-normal) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.btn-secondary[data-astro-cid-sjkgnhyi]{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary[data-astro-cid-sjkgnhyi]:hover{background:var(--color-bg-muted);box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media(max-width:768px){.timing-row[data-astro-cid-sjkgnhyi]{grid-template-columns:1fr 60px}.timing-label[data-astro-cid-sjkgnhyi]{grid-column:1 / -1}}.demo-code-inline[data-astro-cid-hpth2lf4]{font-family:var(--font-mono);font-size:.875em;padding:.125em .375em;border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text)}.logo-modes-grid[data-astro-cid-hpth2lf4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.logo-mode[data-astro-cid-hpth2lf4]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.logo-mode[data-astro-cid-hpth2lf4]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.logo-mode[data-astro-cid-hpth2lf4] code[data-astro-cid-hpth2lf4]{font-family:var(--font-mono);font-size:var(--text-xs)}.logo-sizes[data-astro-cid-hpth2lf4]{display:flex;flex-direction:column;gap:var(--space-6)}.logo-size-row[data-astro-cid-hpth2lf4]{display:flex;align-items:center;gap:var(--space-6)}.logo-size-row[data-astro-cid-hpth2lf4] code[data-astro-cid-hpth2lf4]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}.favicon-demo[data-astro-cid-hpth2lf4]{display:flex;align-items:flex-end;gap:var(--space-6);flex-wrap:wrap}.favicon-box[data-astro-cid-hpth2lf4]{flex-shrink:0}.favicon-box[data-astro-cid-hpth2lf4] svg[data-astro-cid-hpth2lf4]{width:100%;height:100%}.favicon-labels[data-astro-cid-hpth2lf4]{display:flex;gap:var(--space-6)}.favicon-labels[data-astro-cid-hpth2lf4] code[data-astro-cid-hpth2lf4]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.icon-grid[data-astro-cid-hpth2lf4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-4)}.icon-item[data-astro-cid-hpth2lf4]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default)}.icon-item[data-astro-cid-hpth2lf4]:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.icon-item[data-astro-cid-hpth2lf4] span[data-astro-cid-hpth2lf4]{font-size:var(--text-xs);color:var(--color-text-secondary)}.page-footer[data-astro-cid-w3csb3e3]{padding:var(--space-16) 0;border-top:1px solid var(--color-border);background:var(--gradient-surface)}.footer-inner[data-astro-cid-w3csb3e3]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.footer-inner[data-astro-cid-w3csb3e3] p[data-astro-cid-w3csb3e3]{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer-inner[data-astro-cid-w3csb3e3] a[data-astro-cid-w3csb3e3]{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.footer-meta[data-astro-cid-w3csb3e3]{font-size:var(--text-xs);color:var(--color-text-muted)}.brand-text[data-astro-cid-w3csb3e3]{font-family:var(--font-mono);font-weight:500;letter-spacing:-.02em}