:root{--color-bg: #FAFBFC;--color-bg-alt: #F1F5F9;--color-bg-code: #1E293B;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-accent: #334155;--color-accent-light: #CBD5E1;--color-btn-primary: #0F172A;--color-btn-primary-hover: #1E293B;--color-btn-secondary: #F1F5F9;--color-btn-secondary-hover: #E2E8F0;--color-code-text: #E2E8F0;--color-code-keyword: #7DD3FC;--color-code-string: #86EFAC;--color-code-comment: #64748B;--color-code-property: #FCA5A5;--color-code-value: #FDE68A;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-h1: 52px;--font-size-h2: 36px;--font-size-h3: 24px;--font-size-body: 17px;--font-size-small: 14px;--font-size-label: 13px;--font-size-code: 14px;--letter-spacing-h1: -.035em;--letter-spacing-h2: -.02em;--container-max-width: 880px;--container-padding: 24px;--section-padding: 100px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);line-height:1.6;background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:var(--font-size-h1);letter-spacing:var(--letter-spacing-h1)}h2{font-size:var(--font-size-h2);letter-spacing:var(--letter-spacing-h2)}.filename{font-family:var(--font-mono);font-size:.9em;background:#fff;border:1px solid var(--color-border);padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-text-primary);color:#fff;padding:8px 16px;z-index:1000;text-decoration:none;font-weight:500}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){h1{font-size:36px}h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}