: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: 1200px;--container-padding: var(--space-6);--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--ring-width: 2px;--ring-offset: 2px;--ring-color: var(--color-border-focus);--blur-sm: 8px;--blur-md: 12px;--blur-lg: 20px;--duration-instant: 0ms;--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);--color-bg: #FFFFFF;--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: #FFFFFF;--color-accent: #2563EB;--color-accent-hover: #1D4ED8;--color-accent-pressed: #1E40AF;--color-accent-subtle: #EFF6FF;--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .15);--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: rgba(0, 0, 0, .4);--color-backdrop: rgba(255, 255, 255, .8)}[data-theme=dark]{--color-bg: #09090B;--color-bg-surface: #111113;--color-bg-muted: #18181B;--color-bg-inverse: #FAFAFA;--color-text: #FAFAFA;--color-text-secondary: #A1A1AA;--color-text-muted: #71717A;--color-text-inverse: #09090B;--color-text-on-accent: #FFFFFF;--color-accent: #3B82F6;--color-accent-hover: #60A5FA;--color-accent-pressed: #2563EB;--color-accent-subtle: rgba(59, 130, 246, .1);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-border-accent: #3B82F6;--color-border-focus: #3B82F6;--color-error: #F87171;--color-error-bg: rgba(239, 68, 68, .1);--color-warning: #FBBF24;--color-warning-bg: rgba(245, 158, 11, .1);--color-success: #4ADE80;--color-success-bg: rgba(34, 197, 94, .1);--color-overlay: rgba(0, 0, 0, .6);--color-backdrop: rgba(9, 9, 11, .8);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .5)}@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{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!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);margin-inline:auto;padding-inline:var(--container-padding)}.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}.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:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}@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:500}to{stroke-dashoffset:0}}@keyframes draw-up{0%{stroke-dashoffset:-500}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)}}.skip-link{position:absolute;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}.skip-link:focus{top:var(--space-4)}.nav[data-astro-cid-dmqpwcec]{position:sticky;top:0;z-index:50;background:var(--color-backdrop);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-bottom:1px solid var(--color-border);height:56px}.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:var(--transition-colors)}.nav-link[data-astro-cid-dmqpwcec]:hover{color:var(--color-text);background:var(--color-bg-muted)}.theme-toggle[data-astro-cid-dmqpwcec]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-colors);flex-shrink:0;margin-left:var(--space-2)}.theme-toggle[data-astro-cid-dmqpwcec]:hover{color:var(--color-text);background:var(--color-bg-muted)}[data-theme=light] .icon-moon[data-astro-cid-dmqpwcec],[data-theme=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-arrow-down[data-astro-cid-tvrurpns] line[data-astro-cid-tvrurpns],.logo-animated[data-astro-cid-tvrurpns] .logo-arrow-down[data-astro-cid-tvrurpns] path[data-astro-cid-tvrurpns]{stroke-dasharray:500;stroke-dashoffset:500;animation:draw-down .3s var(--ease-default) forwards}.logo-animated[data-astro-cid-tvrurpns] .logo-arrow-up[data-astro-cid-tvrurpns] line[data-astro-cid-tvrurpns],.logo-animated[data-astro-cid-tvrurpns] .logo-arrow-up[data-astro-cid-tvrurpns] path[data-astro-cid-tvrurpns]{stroke-dasharray:500;stroke-dashoffset:-500;animation:draw-up .3s var(--ease-bounce) .3s forwards}.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)}.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}.hero[data-astro-cid-j7pv25f6]{padding:var(--space-32) 0 var(--space-24);text-align:center;border-bottom:1px solid var(--color-border)}.hero-inner[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);animation:fade-in-up .6s var(--ease-out)}.hero-title[data-astro-cid-j7pv25f6]{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-j7pv25f6]{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:560px}.brand-text[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-weight:500;letter-spacing:-.02em}.hero-badges[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.badge[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;background:var(--color-bg-muted);color:var(--color-text-secondary)}.badge-accent[data-astro-cid-j7pv25f6]{background:var(--color-accent-subtle);color:var(--color-accent)}.badge-success[data-astro-cid-j7pv25f6]{background:var(--color-success-bg);color:var(--color-success)}.badge-warning[data-astro-cid-j7pv25f6]{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error[data-astro-cid-j7pv25f6]{background:var(--color-error-bg);color:var(--color-error)}.swatch-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.swatch-grid-sm[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.semantic-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.semantic-card[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-2)}.semantic-card[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.semantic-swatch[data-astro-cid-j7pv25f6]{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}.type-scale[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-2)}.type-row[data-astro-cid-j7pv25f6]{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-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.type-sample[data-astro-cid-j7pv25f6]{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-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.heading-demo[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-6)}.heading-row[data-astro-cid-j7pv25f6]{display:flex;align-items:baseline;gap:var(--space-6)}.heading-row[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{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-j7pv25f6]{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-j7pv25f6]{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-j7pv25f6]{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-j7pv25f6]{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-j7pv25f6]{font-family:var(--font-sans);font-weight:500;font-size:var(--text-base);line-height:var(--leading-normal)}.body-demo[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-6);max-width:65ch}.demo-body-lead[data-astro-cid-j7pv25f6]{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.demo-body-default[data-astro-cid-j7pv25f6]{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text)}.demo-body-secondary[data-astro-cid-j7pv25f6]{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.demo-code-inline[data-astro-cid-j7pv25f6]{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-j7pv25f6]{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.demo-code-header[data-astro-cid-j7pv25f6]{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-j7pv25f6]{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-j7pv25f6] pre[data-astro-cid-j7pv25f6]{padding:var(--space-4);overflow-x:auto;margin:0}.demo-code-block[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;color:var(--color-text)}.syn-keyword[data-astro-cid-j7pv25f6]{color:var(--color-accent)}.syn-string[data-astro-cid-j7pv25f6]{color:#22c55e}.syn-fn[data-astro-cid-j7pv25f6]{color:var(--color-text)}.syn-comment[data-astro-cid-j7pv25f6]{color:var(--color-text-muted);font-style:italic}[data-theme=dark] .syn-string[data-astro-cid-j7pv25f6]{color:#4ade80}.font-demo[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.font-card[data-astro-cid-j7pv25f6]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.font-label[data-astro-cid-j7pv25f6]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.font-specimen[data-astro-cid-j7pv25f6]{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text)}.font-sans-specimen[data-astro-cid-j7pv25f6]{font-family:var(--font-sans)}.font-mono-specimen[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-weight:500}.spacing-demo[data-astro-cid-j7pv25f6]{max-width:600px}.radius-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-4)}.radius-item[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.radius-box[data-astro-cid-j7pv25f6]{width:64px;height:64px;background:var(--color-accent-subtle);border:2px solid var(--color-accent)}.radius-item[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);font-weight:500}.radius-value[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.surface-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.surface-card[data-astro-cid-j7pv25f6]{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)}.surface-card[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.7}.surface-inverse[data-astro-cid-j7pv25f6]{border-color:transparent}.shadow-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-6)}.shadow-card[data-astro-cid-j7pv25f6]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.shadow-card[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-text)}.shadow-desc[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--color-text-muted)}.border-demo[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.border-item[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.border-box[data-astro-cid-j7pv25f6]{width:100%;height:64px;border-radius:var(--radius-lg);background:var(--color-bg-surface)}.border-item[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);font-weight:500}.border-item[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--color-text-muted)}.component-row[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-8)}.component-group[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-3)}.component-label[data-astro-cid-j7pv25f6]{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-j7pv25f6]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.btn[data-astro-cid-j7pv25f6]{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;transition:var(--transition-colors),var(--transition-transform);white-space:nowrap}.btn[data-astro-cid-j7pv25f6]:active{transform:scale(.98)}.btn[data-astro-cid-j7pv25f6]:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary[data-astro-cid-j7pv25f6]{background:var(--color-accent);color:var(--color-text-on-accent)}.btn-primary[data-astro-cid-j7pv25f6]:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary[data-astro-cid-j7pv25f6]:active:not(:disabled){background:var(--color-accent-pressed)}.btn-secondary[data-astro-cid-j7pv25f6]{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-strong)}.btn-secondary[data-astro-cid-j7pv25f6]:hover:not(:disabled){background:var(--color-bg-muted)}.btn-ghost[data-astro-cid-j7pv25f6]{background:transparent;color:var(--color-text-secondary)}.btn-ghost[data-astro-cid-j7pv25f6]:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text)}.btn-destructive[data-astro-cid-j7pv25f6]{background:var(--color-error);color:#fff}.btn-destructive[data-astro-cid-j7pv25f6]:hover:not(:disabled){opacity:.9}.btn-sm[data-astro-cid-j7pv25f6]{height:32px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs)}.btn-lg[data-astro-cid-j7pv25f6]{height:48px;padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-loading[data-astro-cid-j7pv25f6]{pointer-events:none;opacity:.8}.btn-spinner[data-astro-cid-j7pv25f6]{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-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.demo-card[data-astro-cid-j7pv25f6]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.demo-card-interactive[data-astro-cid-j7pv25f6]{cursor:pointer;transition:var(--transition-shadow),var(--transition-transform)}.demo-card-interactive[data-astro-cid-j7pv25f6]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.demo-card-interactive[data-astro-cid-j7pv25f6]:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.demo-card-inset[data-astro-cid-j7pv25f6]{background:var(--color-bg-muted);box-shadow:none}.demo-card-feature[data-astro-cid-j7pv25f6]{border-radius:var(--radius-xl);padding:var(--space-8)}.demo-card-title[data-astro-cid-j7pv25f6]{font-weight:500;font-size:var(--text-base);margin-bottom:var(--space-2)}.demo-card-body[data-astro-cid-j7pv25f6]{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.input-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-6)}.input-group[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-1-5)}.input-label[data-astro-cid-j7pv25f6]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.demo-input[data-astro-cid-j7pv25f6]{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:var(--transition-colors);width:100%}.demo-input[data-astro-cid-j7pv25f6]::placeholder{color:var(--color-text-muted)}.demo-input[data-astro-cid-j7pv25f6]:focus{border-color:var(--color-border-accent);border-width:2px;padding:calc(var(--space-3) - 1px);outline:none}.demo-input[data-astro-cid-j7pv25f6]:disabled{background:var(--color-bg-muted);color:var(--color-text-muted);cursor:not-allowed}.demo-input-focused[data-astro-cid-j7pv25f6]{border-color:var(--color-border-accent);border-width:2px;padding:calc(var(--space-3) - 1px)}.demo-input-error[data-astro-cid-j7pv25f6]{border-color:var(--color-error);background:var(--color-error-bg)}.input-helper[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--color-text-muted)}.input-error-msg[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--color-error)}.badge-row[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.demo-copy-btn[data-astro-cid-j7pv25f6]{opacity:.7}.demo-copy-btn[data-astro-cid-j7pv25f6]:hover{opacity:1}.toast-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.demo-toast[data-astro-cid-j7pv25f6]{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-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.demo-toast-info[data-astro-cid-j7pv25f6]{border-left:2px solid var(--color-accent)}.demo-toast-success[data-astro-cid-j7pv25f6]{border-left:2px solid var(--color-success)}.demo-toast-warning[data-astro-cid-j7pv25f6]{border-left:2px solid var(--color-warning)}.demo-toast-error[data-astro-cid-j7pv25f6]{border-left:2px solid var(--color-error)}.widget-card[data-astro-cid-j7pv25f6]{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);max-width:480px}.widget-output[data-astro-cid-j7pv25f6]{padding:var(--space-8) var(--space-6);background:var(--color-bg)}.widget-chart[data-astro-cid-j7pv25f6]{display:flex;align-items:flex-end;gap:var(--space-3);height:140px}.chart-bar[data-astro-cid-j7pv25f6]{flex:1;background:var(--color-bg-muted);border-radius:var(--radius-sm) var(--radius-sm) 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:var(--transition-colors)}.chart-bar-accent[data-astro-cid-j7pv25f6]{background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-bottom:none;color:var(--color-accent)}.widget-source[data-astro-cid-j7pv25f6]{padding:var(--space-3) var(--space-4);background:var(--color-bg-muted);border-top:1px solid var(--color-border)}.widget-source[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);word-break:break-all}.timing-grid[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-3);max-width:700px}.timing-row[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:140px 1fr 60px;align-items:center;gap:var(--space-3)}.timing-label[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.timing-bar-wrap[data-astro-cid-j7pv25f6]{height:6px;background:var(--color-bg-muted);border-radius:var(--radius-full);overflow:hidden}.timing-bar[data-astro-cid-j7pv25f6]{height:100%;width:0%;background:var(--color-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-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.timing-desc[data-astro-cid-j7pv25f6]{display:none}.easing-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.easing-card[data-astro-cid-j7pv25f6]{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-lg)}.easing-demo[data-astro-cid-j7pv25f6]{width:100%;height:40px;position:relative;background:var(--color-bg-muted);border-radius:var(--radius-sm);overflow:hidden}.easing-dot[data-astro-cid-j7pv25f6]{position:absolute;top:50%;left:8px;width:12px;height:12px;background:var(--color-accent);border-radius:var(--radius-full);transform:translateY(-50%);animation:easing-slide 2s infinite alternate}@keyframes easing-slide{0%{left:8px}to{left:calc(100% - 20px)}}.easing-card[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);font-weight:500}.easing-desc[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--color-text-muted)}.logo-animation-demo[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.logo-anim-box[data-astro-cid-j7pv25f6]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;align-items:center;justify-content:center;width:fit-content}.logo-anim-desc[data-astro-cid-j7pv25f6]{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:50ch}.logo-modes-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.logo-mode[data-astro-cid-j7pv25f6]{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-lg);border:1px solid var(--color-border)}.logo-mode[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs)}.logo-sizes[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:var(--space-6)}.logo-size-row[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:var(--space-6)}.logo-size-row[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary)}.favicon-demo[data-astro-cid-j7pv25f6]{display:flex;align-items:flex-end;gap:var(--space-6);flex-wrap:wrap}.favicon-box[data-astro-cid-j7pv25f6]{flex-shrink:0}.favicon-box[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{width:100%;height:100%}.favicon-labels[data-astro-cid-j7pv25f6]{display:flex;gap:var(--space-6)}.favicon-labels[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.icon-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-4)}.icon-item[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text)}.icon-item[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--color-text-secondary)}.page-footer[data-astro-cid-j7pv25f6]{padding:var(--space-16) 0;border-top:1px solid var(--color-border)}.footer-inner[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.footer-inner[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer-inner[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.footer-meta[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:768px){.hero[data-astro-cid-j7pv25f6]{padding:var(--space-20) 0 var(--space-16)}.hero-title[data-astro-cid-j7pv25f6]{font-size:var(--text-4xl)}.section[data-astro-cid-j7pv25f6]{padding-block:var(--space-16)}.section-title[data-astro-cid-j7pv25f6]{font-size:var(--text-2xl)}.demo-heading-hero[data-astro-cid-j7pv25f6]{font-size:var(--text-4xl)}.timing-row[data-astro-cid-j7pv25f6]{grid-template-columns:1fr 60px}.timing-label[data-astro-cid-j7pv25f6]{grid-column:1 / -1}}