:root{--font-serif:"Charter","Georgia","Cambria","Times New Roman",serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono","Monaco","Cascadia Code","Courier New",monospace;--font-xs:clamp(0.813rem,0.75rem + 0.25vw,0.938rem);--font-sm:clamp(0.938rem,0.875rem + 0.375vw,1.063rem);--font-base:clamp(1.063rem,1rem + 0.313vw,1.188rem);--font-md:clamp(1.25rem,1.125rem + 0.625vw,1.5rem);--font-lg:clamp(1.5rem,1.375rem + 0.625vw,1.75rem);--font-xl:clamp(1.75rem,1.5rem + 1.25vw,2.125rem);--font-2xl:clamp(2.25rem,2rem + 1.25vw,2.75rem);--font-3xl:clamp(2.75rem,2.5rem + 1.25vw,3.5rem);--font-4xl:clamp(3.5rem,3rem + 2.5vw,4.5rem);--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.58;--leading-relaxed:1.75;--leading-loose:2;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.025em;--content-narrow:680px;--content-reading:680px;--content-wide:1200px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--color-text-primary:#0a0a0a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#9b9b9b;--color-accent:#5b4ff5;--color-accent-hover:#4b3fe5;--color-background:#fff;--color-surface:#fafafa;--color-border:#e5e5e5;--color-code-bg:#f5f5f5;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1)}@media (prefers-color-scheme:dark){:root{--color-text-primary:#f5f5f5;--color-text-secondary:#a0a0a0;--color-text-tertiary:#707070;--color-accent:#7b6ff5;--color-accent-hover:#8b7ff5;--color-background:#0a0a0a;--color-surface:#1a1a1a;--color-border:#2a2a2a;--color-code-bg:#1f1f1f}}.text-display{font-size:var(--font-4xl)}.text-display,.text-heading-1{font-family:var(--font-sans);line-height:var(--leading-tight);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.text-heading-1{font-size:var(--font-3xl)}.text-heading-2{font-size:var(--font-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.text-heading-2,.text-heading-3{font-family:var(--font-sans);line-height:var(--leading-snug);color:var(--color-text-primary)}.text-heading-3{font-size:var(--font-xl);font-weight:var(--weight-semibold)}.text-body{font-family:var(--font-serif);font-size:var(--font-md)}.text-body,.text-body-sans{line-height:var(--leading-normal);font-weight:var(--weight-normal);color:var(--color-text-primary)}.text-body-sans{font-family:var(--font-sans);font-size:var(--font-base)}.text-caption{font-family:var(--font-sans);font-size:var(--font-sm);line-height:var(--leading-normal);font-weight:var(--weight-normal);color:var(--color-text-secondary)}.reading-container{max-width:var(--content-reading);margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.blog-article{font-family:var(--font-serif);font-size:var(--font-md);line-height:var(--leading-normal);color:var(--color-text-primary);letter-spacing:-.003em}.blog-article h1{font-size:var(--font-4xl);line-height:var(--leading-tight);margin-top:var(--space-20);margin-bottom:var(--space-8)}.blog-article h1,.blog-article h2{font-family:var(--font-sans);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.blog-article h2{font-size:var(--font-2xl);line-height:var(--leading-snug);margin-top:var(--space-16);margin-bottom:var(--space-6)}.blog-article h3{font-family:var(--font-sans);font-size:var(--font-xl);line-height:var(--leading-snug);font-weight:var(--weight-semibold);margin-top:var(--space-12);margin-bottom:var(--space-5);color:var(--color-text-primary)}.blog-article p{margin-bottom:var(--space-8)}.blog-article a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.blog-article a:hover{border-bottom-color:var(--color-accent)}.blog-article strong{font-weight:var(--weight-bold)}.blog-article em{font-style:italic}.blog-article code{font-family:var(--font-mono);font-size:.9em;padding:.2em .4em;border-radius:3px}.blog-article code,.blog-article pre{background-color:var(--color-code-bg)}.blog-article pre{border-radius:8px;padding:var(--space-6);margin:var(--space-8) 0;overflow-x:auto}.blog-article pre code{background:none;padding:0}.blog-article blockquote{border-left:4px solid var(--color-accent);padding-left:var(--space-8);margin:var(--space-10) 0;font-style:italic;font-size:var(--font-md);line-height:var(--leading-normal);color:var(--color-text-secondary)}.blog-article ol,.blog-article ul{margin:var(--space-8) 0;padding-left:var(--space-10)}.blog-article li{margin-bottom:var(--space-4);line-height:var(--leading-normal)}.blog-article img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-8) 0}.blog-article figcaption{font-size:var(--font-sm);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-3);font-family:var(--font-sans)}.blog-article .drop-cap:first-letter{float:left;font-size:4em;line-height:.8;margin:.1em .1em 0 0;font-weight:var(--weight-bold);color:var(--color-accent)}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-accent),#764ba2);transform-origin:left;z-index:100}.toc{position:sticky;top:var(--space-24);max-height:calc(100vh - var(--space-24) * 2);overflow-y:auto}.toc-item{font-size:var(--font-sm);color:var(--color-text-tertiary);transition:color .2s ease;padding:var(--space-2) 0;border-left:2px solid transparent;padding-left:var(--space-4)}.toc-item:hover{color:var(--color-text-secondary)}.toc-item.active{color:var(--color-accent);border-left-color:var(--color-accent)}