*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;scrollbar-gutter:stable}html{scrollbar-width:thin;scrollbar-color:var(--color-fg-subtle) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-fg-subtle);border-radius:0}*::-webkit-scrollbar-thumb:hover{background:var(--color-fg-muted)}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-fg);background:var(--color-bg);transition:background var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display)}button{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img{display:block;max-width:100%}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--font-family-sans: "SF Pro", -apple-system, BlinkMacSystemFont, "Arial", "Inter", system-ui, sans-serif;--font-family-display: "SF Pro Display", "SF Pro", -apple-system, BlinkMacSystemFont, "Arial", "Inter", system-ui, sans-serif;--font-family-mono: "SF Mono", ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-base: 1.5;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--transition-fast: .15s ease;--transition-base: .28s var(--ease-out-soft);--transition-slow: .48s var(--ease-out-soft);--transition-carousel: .72s cubic-bezier(.32, .72, 0, 1);--enter-duration: 1.2s;--enter-delay: 1s;--carousel-w-center: 46vw;--carousel-h-center: 26vw;--carousel-w-mid: 20vw;--carousel-h-mid: 8vw;--carousel-w-edge: 13vw;--carousel-h-edge: 8vw;--carousel-y-1: 17vw;--carousel-y-2: 25vw;--carousel-y-3: 33vw;--carousel-y-hidden: 40vw;--color-accent-blue: #4A6FA5;--color-accent-yellow: #F1D434;--color-accent-red: #D9402E;--color-accent-green: #BFD92E;--process-color-1: #EA5454;--process-color-2: #E78F30;--process-color-3: #2874D7;--process-color-4: #2B974D;--process-color-5: #C260BB;--z-base: 1;--z-toggle: 10;--z-modal: 1000;--z-page-transition: 2000;--color-bg: #FFFFFF;--color-fg: #111111;--color-fg-muted: #6B6B6B;--color-fg-subtle: #9A9A9A;--color-surface: #F4F4F4;--color-border: #E5E5E5;--color-info-bg: #F4F4F4;--color-info-fg: #111111;--auto-link-bg: #EEEEEE;--auto-link-fg: var(--color-fg);--code-block-bg: #FAFAFA;--code-block-fg: #24292F;--code-token-keyword: #CF222E;--code-token-string: #0A3069;--code-token-comment: #6E7781;--code-token-number: #0550AE;--code-token-function: #8250DF;--code-token-attr: #0550AE;--code-token-tag: #116329;--code-token-meta: #6E7781;--code-token-deletion: #82071E;--code-token-addition: #116329}[data-theme=light]{--color-bg: #FFFFFF;--color-fg: #111111;--color-fg-muted: #6B6B6B;--color-fg-subtle: #9A9A9A;--color-surface: #F4F4F4;--color-border: #E5E5E5;--color-info-bg: #F4F4F4;--color-info-fg: #111111}[data-theme=dark]{--color-bg: #0E0E0E;--color-fg: #F5F5F5;--color-fg-muted: #A0A0A0;--color-fg-subtle: #6B6B6B;--color-surface: #1A1A1A;--color-border: #2A2A2A;--color-info-bg: #1A1A1A;--color-info-fg: #F5F5F5;--color-accent-blue: #3A5985;--color-accent-yellow: #C9AE2A;--color-accent-red: #B3372A;--color-accent-green: #9DB426;--auto-link-bg: #262626;--auto-link-fg: var(--color-fg);--code-block-bg: #161B22;--code-block-fg: #C9D1D9;--code-token-keyword: #FF7B72;--code-token-string: #A5D6FF;--code-token-comment: #8B949E;--code-token-number: #79C0FF;--code-token-function: #D2A8FF;--code-token-attr: #79C0FF;--code-token-tag: #7EE787;--code-token-meta: #8B949E;--code-token-deletion: #FFA198;--code-token-addition: #7EE787}.invert-hover{position:relative;isolation:isolate;transition:color var(--transition-base)}.invert-hover:before{content:"";position:absolute;inset:0;background:var(--color-fg);transform:scaleX(0);transform-origin:left center;transition:transform var(--transition-base);z-index:-1;pointer-events:none}.invert-hover:hover:before,.invert-hover:focus-visible:before{transform:scaleX(1)}.invert-hover.invert-hover:hover,.invert-hover.invert-hover:focus-visible{color:var(--color-bg)}.invert-hover.invert-hover:hover *,.invert-hover.invert-hover:focus-visible *{color:var(--color-bg)}.invert-hover.invert-hover:hover app-icon[data-icon]:not([data-icon=figma]) svg [fill]:not([fill=none]),.invert-hover.invert-hover:focus-visible app-icon[data-icon]:not([data-icon=figma]) svg [fill]:not([fill=none]){fill:var(--color-bg)}.invert-hover.invert-hover:hover app-icon[data-icon]:not([data-icon=figma]) svg [stroke]:not([stroke=none]),.invert-hover.invert-hover:focus-visible app-icon[data-icon]:not([data-icon=figma]) svg [stroke]:not([stroke=none]){stroke:var(--color-bg)}.auto-link{color:var(--auto-link-fg);background:var(--auto-link-bg);padding-inline:4px;padding-block-end:2px;text-underline-offset:2px;text-decoration-thickness:1px;transition:background var(--transition-fast),color var(--transition-fast)}.auto-link:hover,.auto-link:focus-visible{background:var(--color-fg);color:var(--color-bg)}@keyframes blur-fade-in{0%{opacity:0;filter:blur(8px);transform:translate(var(--enter-x, 0),var(--enter-y, 0))}to{opacity:1;filter:blur(0);transform:translate(0)}}