:root{--font-body: "Spectral", Georgia, serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--color-bg: #fdfcfb;--color-bg-alt: #f5f2f0;--color-text: #2c2c2c;--color-text-muted: #5e5e5e;--color-text-subtle: #8e8e8e;--color-border: #e8e4e1;--color-accent: #6b705c;--color-accent-soft: #a5a58d;--max-width: 720px;--spacing-unit: 1.6rem;--radius: 8px}[data-theme=dark]{--color-bg: #121212;--color-bg-alt: #1a1a1a;--color-text: #e0e0e0;--color-text-muted: #a0a0a0;--color-text-subtle: #666666;--color-border: #2a2a2a;--color-accent: #a5a58d;--color-accent-soft: #6b705c}*{margin:0;padding:0;box-sizing:border-box}html{font-size:19px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.8;min-height:100vh;letter-spacing:-.003em}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-unit)}.site-header{position:sticky;top:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:.75rem 0;z-index:100}.header-inner{display:flex;justify-content:space-between;align-items:center}.site-title{font-family:var(--font-heading);font-size:.875rem;font-weight:500;color:var(--color-text);text-decoration:none;letter-spacing:-.01em}.header-controls{display:flex;align-items:center;gap:1rem}.theme-toggle{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--color-text-muted);font-size:1.1rem;line-height:1;transition:color .2s}.theme-toggle:hover{color:var(--color-text)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.3;letter-spacing:-.02em}h1{font-size:2.8rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2);text-align:center;padding-top:calc(var(--spacing-unit) * 2)}h2{font-size:.8rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;margin-top:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 2);padding-bottom:.5rem;border-bottom:2px solid var(--color-border)}.content-wrapper section:first-child h2{margin-top:calc(var(--spacing-unit) * 1)}h3{font-size:1.5rem;margin-top:calc(var(--spacing-unit) * 3);margin-bottom:var(--spacing-unit);scroll-margin-top:4rem}h4{font-size:1.1rem;margin-top:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * .5)}p{margin-bottom:var(--spacing-unit)}strong{font-weight:600}em{font-style:italic}blockquote{border-left:4px solid var(--color-accent-soft);background:var(--color-bg-alt);padding:var(--spacing-unit);border-radius:0 var(--radius) var(--radius) 0;margin:calc(var(--spacing-unit) * 1.5) 0;color:var(--color-text-muted);font-style:italic}ul,ol{margin-bottom:var(--spacing-unit);padding-left:calc(var(--spacing-unit) * 1.5)}li{margin-bottom:.5rem}li::marker{color:var(--color-text-subtle)}hr{border:none;border-top:1px solid var(--color-border);margin:calc(var(--spacing-unit) * 3) 0}a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}a:hover{border-bottom-color:var(--color-accent)}.toc-toggle{position:fixed;top:calc(4rem + var(--spacing-unit));left:var(--spacing-unit);z-index:101;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem;cursor:pointer;font-size:1.2rem;line-height:1;color:var(--color-text);transition:all .2s;box-shadow:0 4px 12px #00000008}.toc-toggle:hover{background:var(--color-bg-alt);border-color:var(--color-accent);transform:scale(1.05)}.toc-toggle-icon{display:block}.toc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.toc-overlay.open{opacity:1;visibility:visible}.toc{position:fixed;top:0;left:0;width:320px;height:100vh;background:var(--color-bg-alt);border-right:1px solid var(--color-border);z-index:1000;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;box-shadow:2px 0 8px #0000001a}.toc.open{transform:translate(0)}.toc-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-unit);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-alt);z-index:1}.toc-title{font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;margin:0}.toc-close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.toc-close:hover{color:var(--color-text)}.toc-list{list-style:none;padding:0;margin:0}.toc-section{margin:0}.toc-section-link{font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-text);padding:.75rem var(--spacing-unit);display:block;text-decoration:none;border-bottom:1px solid var(--color-border);transition:background .2s}.toc-section-link:hover{background:var(--color-bg)}.toc-section-link.active{background:var(--color-accent);color:var(--color-bg)}.toc-observations{list-style:none;padding:0;margin:0;background:var(--color-bg)}.toc-observations li{margin:0}.toc-observation-link{font-family:var(--font-body);font-size:.8rem;color:var(--color-text-muted);padding:.5rem var(--spacing-unit) .5rem calc(var(--spacing-unit) * 1.5);display:block;text-decoration:none;transition:background .2s,color .2s;border-left:2px solid transparent}.toc-observation-link:hover{background:var(--color-bg-alt);color:var(--color-text)}.toc-observation-link.active{color:var(--color-accent);border-left-color:var(--color-accent);background:var(--color-bg-alt);font-weight:500}.content-wrapper{width:100%}.observation{margin-bottom:calc(var(--spacing-unit) * 2);padding-bottom:calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--color-border);opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.observation.visible{opacity:1;transform:translateY(0)}.observation:last-child{border-bottom:none}.observation-number{font-family:var(--font-heading);font-size:.7rem;font-weight:600;color:var(--color-accent-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.observation-title{font-size:1.8rem;font-weight:700;margin-top:0;margin-bottom:var(--spacing-unit);scroll-margin-top:4rem}.observation-content{margin-bottom:var(--spacing-unit)}.observation-content>p:first-of-type:first-line{font-weight:600;color:var(--color-text)}.observation-content>p:first-of-type:first-letter{font-size:1.4em;color:var(--color-accent);font-weight:600;margin-right:.05em}.comments-section{margin-top:var(--spacing-unit)}.comments-toggle{font-family:var(--font-heading);font-size:.8rem;color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:4px;padding:.5rem 1rem;cursor:pointer;transition:all .2s}.comments-toggle:hover{background:var(--color-bg-alt);color:var(--color-text)}.comments-container{display:none;margin-top:var(--spacing-unit);padding-top:var(--spacing-unit);border-top:1px solid var(--color-border)}.comments-container.open{display:block}.site-footer{padding:calc(var(--spacing-unit) * 2) 0;margin-top:calc(var(--spacing-unit) * 3);border-top:1px solid var(--color-border);font-family:var(--font-heading);font-size:.8rem;color:var(--color-text-subtle);text-align:center}@media(max-width:768px){.toc{width:280px}.toc-toggle{top:calc(3.5rem + var(--spacing-unit) * .5);left:calc(var(--spacing-unit) * .5);padding:.5rem;font-size:1rem}}@media(max-width:640px){html{font-size:16px}h1{font-size:1.75rem}h3{font-size:1.25rem}.toc{padding:calc(var(--spacing-unit) * .75)}.toc-list{gap:.5rem}.toc-list a{padding:.375rem .5rem;font-size:.75rem}}.theme-icon-light,.theme-icon-dark{display:inline}.theme-icon-light.hidden,.theme-icon-dark.hidden{display:none}