:root{color-scheme:dark;--bg-body: #120f17;--bg-card: #1b1722;--bg-hover: #373044;--border-primary: #2f293a;--color-primary: #a855f7;--color-accent: #b497cf;--text-primary: #ffffff;--text-secondary: #f5f5f5;--text-muted: #aaaaaa;--text-dimmed: #a1a1aa;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 24px;--surface-ghost: rgba(255, 255, 255, .07);--surface-ghost-hover: rgba(255, 255, 255, .12);--surface-ghost-highlight: inset 0 1px 0 rgba(255, 255, 255, .07);--surface-ghost-track: rgba(255, 255, 255, .04);--shell-panel-solid: #120f17;--shell-border: rgba(255, 255, 255, .07);--shell-border-strong: rgba(255, 255, 255, .1);--field-bg: #120f17;--preview-border: rgba(255, 255, 255, .05);--inset-divider: rgba(255, 255, 255, .045);--row-hover: rgba(255, 255, 255, .022);--code-name: rgba(216, 180, 254, .9);--code-type: rgba(215, 205, 226, .68);--code-value: rgba(220, 214, 229, .86);--code-chip: rgba(255, 255, 255, .055);--code-bg: #120f17;--code-bg-accent: #1b1722;--slider-thumb: rgba(255, 255, 255, .9);--slider-fill: rgba(255, 255, 255, .06);--switch-track: #37313f;--switch-track-checked: #d4d4d8;--switch-knob: #a1a1aa;--switch-knob-checked: #27222e;--new-badge-text: #e2c9ff;--new-badge-bg: rgba(168, 85, 247, .32);--gradient-title: linear-gradient( 135deg, #fff 0%, #8660fa 20%, #a855f7 40%, #8400ff 60%, #a855f7 80%, #fff 100% );--header-height: 64px;--sidebar-width: 256px;--ease-out: cubic-bezier(.23, 1, .32, 1);--font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--bg-body);scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);line-height:1.5;color:var(--text-primary);background:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#a855f76b;color:#fff}a{color:inherit;font-weight:500;text-decoration:none}button{font:inherit;color:inherit}code,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid rgba(190,142,255,.6);outline-offset:2px}.inline-code{padding:.12em .4em;border-radius:6px;background:var(--code-chip);color:var(--code-name);font-size:.88em}.page-title{margin:0 0 .4rem;font-size:clamp(1.9rem,3vw,2.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.page-description{margin:0 0 2rem;max-width:60ch;color:var(--text-dimmed);font-size:1rem}.section-title{margin:2.5rem 0 1rem;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:#f4f4f5}.gradient-text{background:var(--gradient-title);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.new-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:var(--new-badge-bg);color:var(--new-badge-text);font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}*{scrollbar-width:thin;scrollbar-color:#2f293a transparent}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.demo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.demo-text{color:#fff;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;letter-spacing:-.03em;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.demo-hint{color:var(--text-dimmed);font-size:14px;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}