:root{--color-bg: #ffffff;--color-surface: #fafafa;--color-surface-2: #f4f4f5;--color-border: #e4e4e7;--color-border-2: #d4d4d8;--color-muted: #71717a;--color-muted-fg: #52525b;--color-fg: #09090b;--color-fg-2: #18181b;--color-ring: #a1a1aa;--color-accent: #18181b;--color-accent-fg: #fafafa;--color-accent-hover: #27272a;--color-danger: #b42318;--color-danger-bg: #fef2f2;--color-danger-border:#fecaca;--color-warn: #b54708;--color-warn-bg: #fffbeb;--color-info: #1f6feb;--color-success: #15803d;--color-success-bg: #f0fdf4;--color-success-soft: #dcfce7;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 44px;--text-display: 64px;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05), 0 1px 1px -1px rgb(0 0 0 / .04);--shadow: 0 1px 3px 0 rgb(0 0 0 / .07), 0 1px 2px -1px rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .06);--ease: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration: .18s;--duration-slow: .36s}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss03"}code,pre,.ds-mono{font-family:var(--font-mono);font-feature-settings:"tnum"}a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease)}a:hover{border-bottom-color:var(--color-fg)}a:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:2px}::selection{background:var(--color-fg);color:var(--color-bg)}button,input,select,textarea{font:inherit;color:inherit}.ds-display{font-family:var(--font-display);font-style:italic;font-weight:400;line-height:1.02;letter-spacing:-.02em;color:var(--color-fg)}.ds-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted)}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius);border:1px solid transparent;background:var(--color-accent);color:var(--color-accent-fg);font-size:var(--text-sm);font-weight:500;letter-spacing:-.005em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.ds-button:hover{background:var(--color-accent-hover)}.ds-button:active{transform:translateY(1px)}.ds-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-ring)}.ds-button:disabled,.ds-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.ds-button--secondary{background:var(--color-bg);color:var(--color-fg);border-color:var(--color-border)}.ds-button--secondary:hover{background:var(--color-surface);border-color:var(--color-border-2)}.ds-button--ghost{background:transparent;color:var(--color-fg);border-color:transparent}.ds-button--ghost:hover{background:var(--color-surface-2)}.ds-button--danger{background:var(--color-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.ds-button--danger:hover{background:var(--color-danger-bg)}.ds-button--sm{height:28px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.ds-button--lg{height:44px;padding:0 var(--space-5);font-size:var(--text-md)}.ds-input,.ds-textarea{display:block;width:100%;height:36px;padding:0 var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--color-fg);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--color-muted)}.ds-input:hover,.ds-textarea:hover{border-color:var(--color-border-2)}.ds-input:focus,.ds-textarea:focus{outline:none;border-color:var(--color-fg);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-ring)}.ds-input[aria-invalid=true],.ds-textarea[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px color-mix(in oklab,var(--color-danger) 35%,transparent)}.ds-textarea{height:auto;min-height:80px;padding:var(--space-2) var(--space-3);line-height:1.5;resize:vertical}.ds-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid var(--color-border-2);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;position:relative;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.ds-checkbox:hover{border-color:var(--color-fg)}.ds-checkbox:checked{background:var(--color-accent);border-color:var(--color-accent)}.ds-checkbox:checked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 45%,var(--color-accent-fg) 45% 55%,transparent 55%) no-repeat,linear-gradient(-45deg,transparent 45%,var(--color-accent-fg) 45% 55%,transparent 55%) no-repeat;background-size:60% 2px,60% 2px;background-position:25% 60%,65% 50%;transform:rotate(0)}.ds-checkbox:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-ring)}.ds-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.ds-card__header{padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border)}.ds-card__body{padding:var(--space-5) var(--space-6)}.ds-card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface);border-radius:0 0 var(--radius-md) var(--radius-md)}.ds-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:999px;background:var(--color-surface-2);color:var(--color-fg);border:1px solid var(--color-border);font-size:11px;font-weight:500;letter-spacing:.01em}.ds-badge--mono{font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;font-size:10px}.ds-badge--success{color:var(--color-success);background:var(--color-success-bg);border-color:color-mix(in oklab,var(--color-success) 25%,var(--color-border))}.ds-badge--warn{color:var(--color-warn);background:var(--color-warn-bg);border-color:color-mix(in oklab,var(--color-warn) 25%,var(--color-border))}.ds-badge--danger{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.ds-badge--solid{color:var(--color-accent-fg);background:var(--color-accent);border-color:var(--color-accent)}.ds-badge__dot{width:6px;height:6px;border-radius:999px;background:currentColor}.ds-badge__dot--pulse{position:relative}.ds-badge__dot--pulse:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:999px;background:currentColor;opacity:.3;animation:ds-pulse 1.6s var(--ease) infinite}@keyframes ds-pulse{0%{transform:scale(1);opacity:.4}70%{transform:scale(2.4);opacity:0}to{transform:scale(2.4);opacity:0}}.ds-alert{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);display:flex;gap:var(--space-3);align-items:flex-start;background:var(--color-surface)}.ds-alert--danger{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.ds-divider{height:1px;background:var(--color-border);border:0;margin:var(--space-6) 0}.ds-page{min-height:100%;background:radial-gradient(1200px 600px at 80% -10%,color-mix(in oklab,var(--color-accent) 4%,transparent),transparent 70%),radial-gradient(800px 400px at -10% 110%,color-mix(in oklab,var(--color-accent) 3%,transparent),transparent 60%),var(--color-bg);display:flex;flex-direction:column}.ds-page__nav{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:color-mix(in oklab,var(--color-bg) 80%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.ds-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-style:italic;font-weight:400;font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-fg)}.ds-brand__mark{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-fg);color:var(--color-bg);font-family:var(--font-mono);font-style:normal;font-size:12px;font-weight:600;letter-spacing:-.04em}.ds-container{width:100%;max-width:1080px;margin:0 auto;padding:0 var(--space-6)}.ds-container--narrow{max-width:640px}.ds-fade-in{opacity:0;transform:translateY(8px);animation:ds-fade-in .6s var(--ease) forwards}.ds-fade-in[data-delay="1"]{animation-delay:60ms}.ds-fade-in[data-delay="2"]{animation-delay:.14s}.ds-fade-in[data-delay="3"]{animation-delay:.24s}.ds-fade-in[data-delay="4"]{animation-delay:.36s}@keyframes ds-fade-in{to{opacity:1;transform:none}}@keyframes ds-skel{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.cm-editor{font-family:var(--font-mono)!important;font-size:13px;background:var(--color-bg)}.cm-editor .cm-gutters{background:var(--color-surface);border-right:1px solid var(--color-border);color:var(--color-muted)}.cm-editor .cm-activeLineGutter{background:var(--color-surface-2);color:var(--color-fg)}.cm-editor .cm-activeLine{background:color-mix(in oklab,var(--color-surface) 60%,transparent)}.cm-editor .cm-cursor{border-left-color:var(--color-fg)}