.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}