*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow-wrap:break-word;word-break:break-word}html{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#222;background-color:#fff;max-width:70ch;margin:auto;padding:2rem 1rem}h1,h2,h3,h4,h5,h6{margin:2em 0 1em}ol,p,ul{margin:1em 0}ol,ul{padding-left:1.5rem}li{margin:.5em 0}a,a:visited{color:inherit}img,video{max-width:100%;height:auto;display:block;object-fit:contain}table{border-collapse:collapse;width:100%;margin:1em 0}td,th{border:1px solid #ddd;padding:.5em;text-align:left}blockquote{margin:1em 0;padding-left:1rem;border-left:4px solid #ccc;color:#555}code,pre{font-family:monospace;background:#f6f6f6;padding:.2em .4em;border-radius:4px;font-size:.95em;overflow-x:auto}pre{padding:1em;white-space:pre-wrap}hr{border-top:1px solid #ccc;margin:2em 0}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.4em}sub{bottom:-.25em}button,input,select,textarea{font:inherit;margin:0;padding:0;border:none;background:none;outline:none;color:inherit}::selection{background:#dfe8ff}@media (max-width:600px){body,html{scroll-padding-bottom:4rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:4px}::-webkit-scrollbar-track{background:transparent}html{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}@media (prefers-color-scheme:dark){body{background-color:#121212;color:#e4e4e4}a{color:#90caf9}blockquote{border-left-color:#555;color:#aaa}code,pre{background:#1e1e1e;color:#dcdcdc}hr{border-top-color:#444}td,th{border-color:#444}::selection{background:#334155}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}html{scrollbar-color:rgba(255,255,255,.2) transparent}}:root{--bg:#ffffff;--fg:#1a1a1a;--muted:#888888;--accent:#000000;--code-bg:#f3f3f3;--hr:#dddddd;--shadow:0 4px 16px rgba(0,0,0,0.06);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--space-jm:5rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-xxl:24px;--radius-rd:480px;--font-xs:clamp(0.75rem,0.9vw,0.85rem);--font-sm:clamp(0.85rem,1vw,0.95rem);--font-base:clamp(1rem,1.1vw,1.05rem);--font-md:clamp(1.1rem,1.3vw,1.25rem);--font-lg:clamp(1.3rem,2vw,1.5rem);--font-xl:clamp(1.6rem,3vw,2rem);--font-xxl:clamp(2rem,5vw,3rem);--font-jm:clamp(3rem,5vw,3.3rem)}@media (prefers-color-scheme:dark){:root{--bg:#121212;--fg:#eaeaea;--muted:#aaaaaa;--accent:#ffffff;--code-bg:#1e1e1e;--hr:#333333}}body,html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--font-base);line-height:1.8;font-weight:400;letter-spacing:.01em;color:var(--fg);background-color:var(--bg);transition:background-color .3s,color .3s}main{max-width:72ch;margin:0 auto;padding:var(--space-xxl) var(--space-md)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;letter-spacing:-.01em;margin:var(--space-xl) 0 var(--space-md);color:var(--fg)}h1{font-size:var(--font-xl)}h2{font-size:var(--font-lg)}h3{font-size:var(--font-md)}h4{font-size:1.125rem}h5,h6{font-size:var(--font-base);font-weight:500}blockquote,ol,p,pre,table,ul{margin-bottom:var(--space-lg);font-weight:400;font-size:var(--font-base)}ol li::marker,ul li::marker{color:var(--muted)}blockquote{border-left:3px solid var(--muted);padding-left:var(--space-md);color:var(--muted);font-style:italic;margin-left:0}hr{border:none;border-top:1px solid var(--hr);margin:var(--space-xxl) 0}a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}a:hover{text-decoration-thickness:2px}code{font-family:SFMono-Regular,Menlo,Consolas,monospace;padding:.2em .4em;border-radius:var(--radius-sm)}code,pre{background-color:var(--code-bg);font-size:var(--font-sm)}pre{border-radius:var(--radius-md);overflow-x:auto}.callout,pre{padding:var(--space-md)}.callout{background:var(--code-bg);border-left:4px solid var(--accent);border-radius:var(--radius-lg);margin:var(--space-lg) 0;font-size:var(--font-base);color:var(--fg)}.callout strong{display:block;margin-bottom:var(--space-sm);font-weight:600}.quote:before{content:"\201C";font-size:var(--font-jm);position:absolute;left:var(--space-sm);top:-var(--space-sm);color:var(--bg);opacity:.3}.section-label{font-size:var(--font-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:var(--space-xxl) 0 var(--space-md);border-top:1px solid var(--hr);padding-top:var(--space-md)}.card{display:block;border:1px solid var(--hr);border-radius:var(--radius-xl);padding:var(--space-md);background:var(--bg);box-shadow:none;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card h3{margin-top:0;margin-bottom:var(--space-sm);font-size:var(--font-md);color:var(--fg)}.card p{margin:0}.caption,.card p,.note{font-size:var(--font-sm);color:var(--muted)}.caption,.note{text-align:center;margin-top:var(--space-xl);font-style:italic}.wide{width:100%;max-width:none;margin-left:auto;margin-right:auto;text-align:center}.poem{font-family:Georgia,serif;font-size:var(--font-base);line-height:1.8;white-space:pre-wrap;border-left:2px solid var(--hr);color:var(--fg);font-style:italic}.poem,.timeline{margin:var(--space-xl) 0;padding-left:var(--space-md)}.timeline{border-left:2px solid var(--accent);display:flex;flex-direction:column;gap:var(--space-lg)}.timeline-entry{position:relative;padding-left:var(--space-md)}.timeline-entry:before{content:"";position:absolute;top:.5em;left:-1.33rem;width:8px;height:8px;background:var(--accent);border-radius:50%}.timeline-entry time{display:block;font-size:var(--font-sm);color:var(--muted);margin-bottom:var(--space-xs)}.timeline-entry p{margin:0}.image-block{margin:var(--space-xl) 0;text-align:center}.image-block img{max-width:100%;border-radius:var(--radius-xl);box-shadow:0 4px 16px rgba(0,0,0,.05)}.image-block figcaption{margin-top:.75rem;font-size:var(--font-sm);color:var(--muted);font-style:italic}.chapter-nav{position:fixed;bottom:var(--space-md);right:var(--space-md);background:var(--bg);color:var(--fg);border:1px solid var(--hr);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-sm) .75rem;z-index:1000;font-size:var(--font-base)}.index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin:var(--space-xl) 0}.index-grid .card{display:block}.footnote{font-size:var(--font-sm);color:var(--muted);border-left:2px solid var(--hr);padding-left:.75rem;margin-top:var(--space-md);font-style:italic}.modal-reader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);color:#fff;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);z-index:9999;overflow-y:auto}.modal-reader .content{max-width:60ch;background:var(--bg);color:var(--fg);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.modal-reader .close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:transparent;border:none;color:#fff;font-size:var(--font-xl);cursor:pointer}main.toc{max-width:72ch;margin:0 auto;padding:4rem var(--space-lg)}main.toc h1{font-size:var(--font-xxl);margin-bottom:var(--space-xl);border-bottom:1px solid var(--hr);padding-bottom:var(--space-sm)}.toc-nav ul{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.toc-nav li{line-height:1.5;font-size:var(--font-base)}.toc-nav li a{color:var(--accent);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);display:inline-block;transition:background .2s ease}.toc-nav li a:hover{background:var(--code-bg)}.toc-nav li ul{padding-left:1.25rem;margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--font-base);border-left:2px solid var(--hr);padding-left:var(--space-md)}:target{scroll-margin-top:var(--space-xxl);background:rgba(0,0,0,.02);border-left:3px solid var(--accent);padding-left:var(--space-sm)}@media (max-width:768px){body{line-height:1.75;padding:0}main{padding:var(--space-xxl) var(--space-md);padding-bottom:var(--space-jm);max-width:90vw}blockquote{padding-left:.75rem;border-left-width:3px}code,pre{font-size:.95rem}a,button,input,textarea{touch-action:manipulation}input,textarea{scroll-margin-bottom:8rem}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body,html{scroll-behavior:smooth;overscroll-behavior-y:none}}@media (max-width:600px){main.toc{padding:var(--space-xxl) var(--space-md)}}#settings-toggle{position:fixed;top:1rem;right:1rem;color:var(--fg);font-size:1.2rem;padding:.4rem;border:none;border-radius:50%;cursor:pointer;z-index:1001;transition:background .2s ease,transform .2s ease}#settings-toggle:hover{transform:rotate(45deg)}#reader-settings{position:fixed;top:4rem;right:1rem;width:240px;padding:1rem;background:var(--bg);color:var(--fg);box-shadow:0 8px 20px rgba(0,0,0,.1);border-radius:12px;font-size:.85rem;z-index:1000;display:none;flex-direction:column;gap:1.25rem;max-height:90vh;overflow-y:auto;transition:opacity .3s ease,transform .3s ease}#reader-settings label{font-weight:500;margin-bottom:.25rem;display:block;color:var(--muted);font-size:.8rem}#reader-settings input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--hr);border-radius:2px;outline:none;margin:.25rem 0;transition:background .2s}#reader-settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;-webkit-transition:transform .2s;transition:transform .2s}#reader-settings input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}#reader-settings input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border:none;border-radius:50%;cursor:pointer}#presets{display:flex;gap:.5rem;margin-top:.25rem;flex-direction:column}#presets button{flex:1 1;font-size:.75rem;font-weight:500;padding:.45rem .5rem;border:none;border-radius:24px;color:var(--bg);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:background .2s ease}#presets button,#presets button:hover{background:var(--accent)}@media (max-width:600px){#settings-toggle{top:auto;bottom:1rem;right:1rem}#reader-settings{top:auto;bottom:4rem;right:1rem;width:calc(100vw - 2rem);padding:1rem 1.25rem}}#sliders{display:none}#go-to-pin{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);padding:.5rem 1rem;font-size:.9rem;border:none;border-radius:999px;color:var(--bg);cursor:pointer;z-index:1002;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:opacity .3s ease,transform .3s ease}#go-to-pin,#go-to-pin:hover{background:var(--accent)}.pinnable{position:relative;cursor:pointer;transition:background .2s ease}.pinned{outline:1px dashed var(--fg);outline-offset:6px;border-radius:8px}code.pinnable,pre.pinnable{overflow:auto;padding-right:2.5rem}code.pinned,pre.pinned{outline:none;box-shadow:0 0 0 2px var(--accent) inset;background:rgba(0,0,0,.04)}body.dark code.pinned,body.dark pre.pinned{background:rgba(255,255,255,.05)}.pin-anim{position:absolute;top:-1.2em;right:-1em;font-size:1.25rem;opacity:1;animation:pinFadeIn .3s ease;transition:opacity .5s ease;pointer-events:none}.pin-anim.fade-out{opacity:0}@keyframes pinFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.minimap{position:fixed;top:0;left:-240px;width:240px;height:100vh;padding:var(--space-lg);overflow-y:auto;flex-direction:column;font-size:var(--font-xs);z-index:999;transition:left .4s ease}.minimap,.minimap-item{display:flex;gap:var(--space-xs)}.minimap-item{align-items:center;padding:var(--space-xs) var(--space-sm);color:var(--muted);text-decoration:none;border-radius:var(--radius-md);transition:background .2s,color .2s;cursor:pointer}.minimap-item:hover{background-color:var(--code-bg);color:var(--fg)}.minimap-item.active{background-color:var(--code-bg);color:var(--accent);font-weight:800}.minimap-item.h1{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;opacity:.75}.minimap-item.h2{font-size:var(--font-sm);padding-left:var(--space-md)}.minimap-item.h3{font-size:var(--font-xs);padding-left:var(--space-xl)}.minimap-item.h4{font-size:var(--font-xs);padding-left:calc(var(--space-lg) + var(--space-sm));opacity:.9}.minimap-item.h5{font-size:var(--font-xs);padding-left:calc(var(--space-xl));opacity:.7}.minimap-item.h6{font-size:var(--font-xs);padding-left:calc(var(--space-xl) + var(--space-sm));opacity:.6}.minimap-item:before{content:"•";font-size:.7rem;color:var(--hr);margin-right:var(--space-xs)}.minimap.open{left:0}#article.dimmed{transform:translateX(280px);opacity:.6}#navbar.dimmed{transform:translateY(100px);opacity:.6}@media (min-width:1280px){.minimap{position:fixed;left:0;top:0;width:240px}main{transform:none!important;opacity:1!important}}#navbar,main{transition:transform .4s ease,opacity .4s ease}body{touch-action:pan-y}