:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fc;--color-bg-tertiary: #f1f3f9;--color-text: #1a1a2e;--color-text-secondary: #4a4a68;--color-text-muted: #8888a4;--color-border: #e2e4eb;--color-border-light: #f0f1f5;--color-accent: #6366f1;--color-accent-light: #818cf8;--color-accent-dark: #4f46e5;--color-accent-bg: #eef2ff;--gradient-accent: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-code-bg: #1e1e2e;--color-code-text: #e2e8f0;--color-code-comment: #6b7280;--color-code-keyword: #c792ea;--color-code-string: #a5d6ff;--color-code-function: #82aaff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--sidebar-width: 280px;--header-height: 64px;--content-max-width: 800px;--page-max-width: 1400px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #0f0f1a;--color-bg-secondary: #1a1a2e;--color-bg-tertiary: #252542;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #2d2d4a;--color-border-light: #1f1f38;--color-accent-bg: rgba(99, 102, 241, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--color-text)}h1{font-size:var(--text-4xl);letter-spacing:-.02em}h2{font-size:var(--text-2xl);letter-spacing:-.01em}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-dark)}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-bg-tertiary);padding:.15em .4em;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);overflow-x:auto}pre code{background:none;padding:0}pre.shiki{padding:var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.6;margin:var(--spacing-lg) 0}.shiki code{background:transparent}@media(prefers-color-scheme:dark){pre.shiki{background-color:var(--shiki-dark-bg)!important}.shiki span{color:var(--shiki-dark)!important}}::selection{background-color:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}