:root{--base-color-ink-50: #f0f0f8;--base-color-ink-100: #d0d0e0;--base-color-ink-200: #aaaac0;--base-color-ink-300: #8888a0;--base-color-ink-400: #66667a;--base-color-ink-500: #44445a;--base-color-ink-600: #2e2e3e;--base-color-ink-700: #232330;--base-color-ink-750: #1d1d28;--base-color-ink-800: #171720;--base-color-ink-850: #11111a;--base-color-ink-900: #0d0d14;--base-color-ink-950: #08080d;--base-color-navy-50: #eef2f8;--base-color-navy-100: #d0d8e8;--base-color-navy-200: #a8b8cc;--base-color-navy-300: #8090aa;--base-color-navy-400: #5a6f90;--base-color-navy-500: #3d5070;--base-color-navy-600: #2a3c58;--base-color-navy-700: #1e2c44;--base-color-navy-750: #172338;--base-color-navy-800: #111c2e;--base-color-navy-850: #0c1422;--base-color-navy-900: #070c18;--base-color-navy-950: #04070f;--base-color-orange-100: #ffe8d9;--base-color-orange-300: #ff9966;--base-color-orange-400: #ff7733;--base-color-orange-500: #ff5500;--base-color-orange-600: #cc4400;--base-color-orange-dim: rgba(255, 85, 0, .12);--base-color-gold-100: #fff6d9;--base-color-gold-300: #ffd966;--base-color-gold-400: #ffc933;--base-color-gold-500: #ffb800;--base-color-gold-600: #cc9400;--base-color-gold-dim: rgba(255, 184, 0, .12);--base-color-lime-100: #f0fdd4;--base-color-lime-300: #d0f59a;--base-color-lime-400: #bcee6a;--base-color-lime-500: #a3e635;--base-color-lime-600: #6db300;--base-color-lime-dim: rgba(163, 230, 53, .12);--base-ease-out: cubic-bezier(.16, 1, .3, 1);--base-ease-in-out: cubic-bezier(.4, 0, .2, 1);--base-dur-fast: .12s;--base-dur-base: .18s;--base-dur-slow: .28s;--base-radius-none: 0;--base-radius-sm: 4px;--base-radius-md: 6px;--base-radius-lg: 8px;--base-radius-xl: 12px;--base-radius-full: 9999px;--base-state-success: #00e5a0;--base-state-success-dim: rgba(0, 229, 160, .12);--base-state-warning: #ffb800;--base-state-warning-dim: rgba(255, 184, 0, .12);--base-state-error: #ff4d6d;--base-state-error-dim: rgba(255, 77, 109, .12);--base-state-info: #6366ff;--base-state-info-dim: rgba(99, 102, 255, .12);--base-state-on-success: #001a0d;--base-state-on-warning: #1a1200;--base-state-on-error: #1a0008;--base-state-on-info: #ffffff;--base-sp-1: 4px;--base-sp-2: 8px;--base-sp-3: 12px;--base-sp-4: 16px;--base-sp-5: 20px;--base-sp-6: 24px;--base-sp-8: 32px;--base-sp-10: 40px;--base-sp-12: 48px;--base-sp-16: 64px;--base-sp-20: 80px;--base-font-mono: "Fira Code", "Cascadia Code", "Consolas", monospace;--base-font-display: "Space Grotesk", system-ui, sans-serif;--base-size-xs: 11px;--base-size-sm: 13px;--base-size-md: 15px;--base-size-lg: 18px;--base-size-xl: 22px;--base-size-2xl: 28px;--base-size-3xl: 36px;--base-size-4xl: 48px;--base-size-5xl: 64px;--base-weight-light: 300;--base-weight-regular: 400;--base-weight-medium: 500;--base-weight-semibold: 600;--base-weight-bold: 700;--base-leading-tight: 1.2;--base-leading-snug: 1.35;--base-leading-normal: 1.6;--base-leading-relaxed: 1.8;--base-tracking-tight: -.04em;--base-tracking-snug: -.02em;--base-tracking-normal: 0;--base-tracking-wide: .06em;--base-tracking-wider: .12em}:root{--sp-1: var(--base-sp-1);--sp-2: var(--base-sp-2);--sp-3: var(--base-sp-3);--sp-4: var(--base-sp-4);--sp-5: var(--base-sp-5);--sp-6: var(--base-sp-6);--sp-8: var(--base-sp-8);--sp-10: var(--base-sp-10);--sp-12: var(--base-sp-12);--sp-16: var(--base-sp-16);--sp-20: var(--base-sp-20);--page-padding: var(--base-sp-8);--section-gap: var(--base-sp-6);--component-gap: var(--base-sp-4);--item-gap: var(--base-sp-2);--inset-sm: var(--base-sp-3);--inset-md: var(--base-sp-4);--inset-lg: var(--base-sp-6);--radius-badge: var(--base-radius-sm);--radius-input: var(--base-radius-md);--radius-card: var(--base-radius-lg);--radius-modal: var(--base-radius-xl);--radius-pill: var(--base-radius-full);--font: var(--base-font-mono);--font-display: var(--base-font-display);--text-micro: var(--base-size-xs);--text-sm: var(--base-size-sm);--text-body: var(--base-size-md);--text-lead: var(--base-size-lg);--text-heading: var(--base-size-xl);--text-title: var(--base-size-2xl);--text-display: var(--base-size-3xl);--text-hero: var(--base-size-4xl);--text-giant: var(--base-size-5xl);--weight-normal: var(--base-weight-regular);--weight-medium: var(--base-weight-medium);--weight-semibold: var(--base-weight-semibold);--weight-bold: var(--base-weight-bold);--leading-tight: var(--base-leading-tight);--leading-normal: var(--base-leading-normal);--tracking-tight: var(--base-tracking-tight);--tracking-normal: var(--base-tracking-normal);--tracking-wide: var(--base-tracking-wide);--tracking-wider: var(--base-tracking-wider);--ease: var(--base-ease-out);--ease-io: var(--base-ease-inOut);--dur-fast: var(--base-dur-fast);--dur-base: var(--base-dur-base);--dur-slow: var(--base-dur-slow)}html{background:var(--bg);color:var(--on-bg)}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--on-bg)}.ds-app,.ds-app *{box-sizing:border-box}.ds-app{min-height:100dvh;background:var(--bg);color:var(--on-bg);font-family:var(--font);font-size:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;font-feature-settings:"liga" 1,"calt" 1}.ds-app :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:root,[data-theme=dark-orange]{--bg: #08080d;--surface: #11111a;--surface-raised: #1d1d28;--on-bg: #f0f0f8;--on-bg-muted: #8888a0;--on-bg-subtle: #44445a;--on-surface: #f0f0f8;--on-surface-muted: #8888a0;--on-surface-subtle: #44445a;--accent: #ff5500;--accent-hover: #ff7733;--accent-press: #cc4400;--accent-muted: rgba(255, 85, 0, .12);--on-accent: #ffffff;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--focus-ring: #ff5500;--success: #00e5a0;--success-muted: rgba(0, 229, 160, .12);--on-success: #001a0d;--warning: #ffb800;--warning-muted: rgba(255, 184, 0, .12);--on-warning: #1a1200;--error: #ff4d6d;--error-muted: rgba(255, 77, 109, .12);--on-error: #1a0008;--info: #6366ff;--info-muted: rgba(99, 102, 255, .12);--on-info: #ffffff;--chart-1: #ff5500;--chart-2: #6366ff;--chart-3: #00e5a0;--chart-4: #ffb800;--chart-5: #ff4d6d}[data-theme=dadbod]{--bg: #03060f;--surface: #07101e;--surface-raised: #0c1829;--on-bg: #e8f0f8;--on-bg-muted: #7a90a8;--on-bg-subtle: #3a4a5c;--on-surface: #e8f0f8;--on-surface-muted: #7a90a8;--on-surface-subtle: #3a4a5c;--accent: #38bdf8;--accent-hover: #60cdff;--accent-press: #0ea5e9;--accent-muted: rgba(56, 189, 248, .12);--on-accent: #03060f;--border: rgba(56, 189, 248, .1);--border-strong: rgba(56, 189, 248, .3);--focus-ring: #38bdf8;--success: #34d399;--success-muted: rgba(52, 211, 153, .12);--on-success: #001a0d;--warning: #ffb800;--warning-muted: rgba(255, 184, 0, .12);--on-warning: #1a1200;--error: #ff4d6d;--error-muted: rgba(255, 77, 109, .12);--on-error: #ffffff;--info: #818cf8;--info-muted: rgba(129, 140, 248, .12);--on-info: #ffffff;--chart-1: #38bdf8;--chart-2: #818cf8;--chart-3: #34d399;--chart-4: #f59e0b;--chart-5: #ff4d6d}._root_17zft_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);border:1px solid transparent;border-radius:var(--radius-input);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}._root_17zft_1:disabled,._root_17zft_1[aria-disabled=true]{opacity:.5;cursor:not-allowed}._root_17zft_1:active:not(:disabled){transform:scale(.97)}._size-sm_17zft_31{padding:var(--sp-1) var(--sp-3);font-size:var(--text-sm)}._size-md_17zft_32{padding:var(--sp-2) var(--sp-4);font-size:var(--text-body)}._size-lg_17zft_33{padding:var(--sp-3) var(--sp-5);font-size:var(--text-lead)}._variant-primary_17zft_36._tone-accent_17zft_36{background:var(--accent);color:var(--on-accent)}._variant-primary_17zft_36._tone-accent_17zft_36:hover:not(:disabled){background:var(--accent-hover)}._variant-primary_17zft_36._tone-accent_17zft_36:active:not(:disabled){background:var(--accent-press)}._variant-primary_17zft_36._tone-neutral_17zft_43{background:var(--surface-raised);color:var(--on-surface)}._variant-primary_17zft_36._tone-neutral_17zft_43:hover:not(:disabled){background:var(--border-strong)}._variant-primary_17zft_36._tone-danger_17zft_49{background:var(--error);color:var(--on-error)}._variant-primary_17zft_36._tone-danger_17zft_49:hover:not(:disabled){filter:brightness(1.08)}._variant-secondary_17zft_56{background:transparent;border-color:var(--border-strong);color:var(--on-bg)}._variant-secondary_17zft_56._tone-accent_17zft_36{color:var(--accent);border-color:var(--accent)}._variant-secondary_17zft_56._tone-danger_17zft_49{color:var(--error);border-color:var(--error)}._variant-secondary_17zft_56:hover:not(:disabled){background:var(--accent-muted)}._variant-ghost_17zft_66{background:transparent;color:var(--on-bg-muted);border-color:transparent}._variant-ghost_17zft_66:hover:not(:disabled){background:var(--accent-muted);color:var(--on-bg)}@keyframes _overlayIn_1jhbv_1{0%{opacity:0}to{opacity:1}}@keyframes _contentIn_1jhbv_1{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}._overlay_1jhbv_10{position:fixed;inset:0;background:#0009;animation:_overlayIn_1jhbv_1 var(--dur-base) var(--ease)}._content_1jhbv_17{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - var(--sp-8)));background:var(--surface-raised);color:var(--on-surface);border:1px solid var(--border);border-radius:var(--radius-modal);padding:var(--inset-lg);box-shadow:0 8px 32px #0009;animation:_contentIn_1jhbv_1 var(--dur-base) var(--ease);outline:none}._title_1jhbv_33{margin:0 0 var(--sp-2) 0;font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}._description_1jhbv_40{margin:0 0 var(--sp-4) 0;color:var(--on-surface-muted);font-size:var(--text-body)}._close_1jhbv_46{position:absolute;top:var(--sp-3);right:var(--sp-3);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--on-surface-muted);border-radius:var(--radius-input);cursor:pointer}._close_1jhbv_46:hover{background:var(--accent-muted);color:var(--on-surface)}._footer_1jhbv_63{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-6)}._root_1hdsz_1{display:flex;flex-direction:column;gap:var(--sp-4)}._list_1hdsz_7{display:inline-flex;gap:var(--sp-2);border-bottom:1px solid var(--border)}._trigger_1hdsz_13{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;padding:var(--sp-2) var(--sp-3);color:var(--on-surface-muted);font-family:var(--font);font-size:var(--text-body);cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}._trigger_1hdsz_13:hover{color:var(--on-surface)}._trigger_1hdsz_13[data-state=active]{color:var(--on-surface);border-bottom-color:var(--accent)}._panel_1hdsz_33{outline:none}html,body{overflow-x:hidden}body{margin:0}@media (max-width: 640px){.page{padding:var(--sp-4)}}.page{max-width:880px;margin:0 auto;padding:var(--page-padding);display:flex;flex-direction:column;gap:var(--section-gap)}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0}h1{font-size:var(--text-hero);text-transform:uppercase}h2{font-size:var(--text-title);margin-bottom:var(--sp-3)}.brand-accent{color:var(--accent)}.hero{display:flex;flex-direction:column;gap:var(--sp-4);padding-top:var(--sp-8)}.tagline{color:var(--on-bg-muted);font-size:var(--text-lead);margin:0;max-width:48ch}.cta-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-3)}.card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--inset-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--on-surface);text-decoration:none;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.card:hover{border-color:var(--border-strong);background:var(--surface-raised);color:var(--on-surface)}.card:active{transform:scale(.995)}.card-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-input);font-size:var(--text-lead);flex:0 0 auto}.card-body{display:flex;flex-direction:column;gap:var(--sp-1);flex:1;min-width:0}.card-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-heading);letter-spacing:var(--tracking-tight)}.card-desc{color:var(--on-surface-muted);font-size:var(--text-body)}.card-arrow{color:var(--on-surface-subtle);font-size:var(--text-heading);transition:color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.card:hover .card-arrow{color:var(--accent);transform:translate(2px)}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.prose{color:var(--on-bg);font-family:var(--font);font-size:var(--text-body);line-height:var(--leading-normal);max-width:68ch}.prose>*+*{margin-top:var(--sp-4)}.prose h2{font-size:var(--text-heading);margin-top:var(--sp-8)}.prose h3{font-size:var(--text-lead);margin-top:var(--sp-6)}.prose p{margin:0}.prose ul,.prose ol{padding-left:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.prose li::marker{color:var(--on-bg-muted)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--accent-hover)}.prose code{font-family:var(--font);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-badge);padding:0 var(--sp-1);font-size:.95em}.prose pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--inset-md);overflow-x:auto}.prose pre code{background:transparent;border:0;padding:0}.prose blockquote{margin:0;padding-left:var(--sp-4);border-left:2px solid var(--accent);color:var(--on-bg-muted)}.prose hr{border:0;border-top:1px solid var(--border);margin:var(--sp-8) 0}.prose img{display:block;max-width:100%;height:auto;border-radius:var(--radius-card);border:1px solid var(--border)}