:root{--bg: #FBF8F1;--bg-elev: #FFFFFF;--text: #2A2520;--muted: #6B5F54;--accent: #7A3B2E;--accent-soft: rgba(122, 59, 46, .12);--code-bg: #F0EDE5;--code-text: #3a332b;--rule: #E5DFD3;--shadow: 0 1px 2px rgba(42, 37, 32, .04);--chrome-h: 3.25rem;--font-ui: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}[data-theme=dark]{--bg: #1A1814;--bg-elev: #232019;--text: #E8E0D2;--muted: #9A8F80;--accent: #D4A574;--accent-soft: rgba(212, 165, 116, .14);--code-bg: #252220;--code-text: #e2dccf;--rule: #33302A;--shadow: 0 1px 2px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.chrome{height:var(--chrome-h);display:flex;align-items:center;gap:.75rem;padding:0 .75rem;border-bottom:1px solid var(--rule);background:var(--bg);position:relative;z-index:5}.brand{font-weight:700;font-size:.95rem;letter-spacing:-.01em;white-space:nowrap}.tabs{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;flex:1;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab{font:inherit;font-size:.85rem;color:var(--muted);padding:.4rem .7rem;border:0;background:transparent;border-radius:.5rem;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.tab:hover{background:var(--accent-soft);color:var(--text)}.tab.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.icon-btn{font:inherit;font-size:1rem;width:2rem;height:2rem;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:.5rem;cursor:pointer}.icon-btn:hover{background:var(--accent-soft);color:var(--text)}.progress{height:2px;background:var(--rule);position:relative}.progress>span{position:absolute;inset:0 auto 0 0;width:0%;background:var(--accent);transition:width .2s ease}#source{height:calc(100vh - var(--chrome-h) - 2px);height:calc(100dvh - var(--chrome-h) - 2px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,5vw,4rem);padding-bottom:5rem}.book{display:flex;height:calc(100vh - var(--chrome-h) - 2px);height:calc(100dvh - var(--chrome-h) - 2px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:manipulation}.book::-webkit-scrollbar{display:none}.page{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-align:start;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,5vw,4rem);padding-bottom:5rem}.page.page--scroll{overflow-y:hidden}.page--scroll .pad{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.page::-webkit-scrollbar{width:6px}.page::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}.prose{max-width:68ch;margin:0 auto;font-size:clamp(1rem,.95rem + .4vw,1.15rem);line-height:1.7}.eyebrow{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}.prose h1{font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);line-height:1.2;margin:0 0 1.5rem;letter-spacing:-.02em}.prose h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.6rem);margin:2.25rem 0 .75rem;letter-spacing:-.01em;line-height:1.3}.prose h3{font-size:1.15rem;margin:1.75rem 0 .5rem}.prose p,.prose ul,.prose ol,.prose blockquote,.prose table,.prose pre{margin:0 0 1.25rem}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin:.3rem 0}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);padding:.25rem 0 .25rem 1rem;color:var(--muted);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--code-bg);color:var(--code-text);padding:.1em .35em;border-radius:4px}.prose pre{background:var(--code-bg);border-radius:8px;padding:1rem 1.1rem;overflow-x:auto;break-inside:avoid;page-break-inside:avoid;font-size:.85em;line-height:1.5}.prose pre code{background:transparent;padding:0}.prose table{border-collapse:collapse;width:100%;break-inside:avoid}.prose th,.prose td{border:1px solid var(--rule);padding:.5rem .7rem;text-align:left}.prose th{background:var(--code-bg);font-weight:600}.prose img{max-width:100%;height:auto;border-radius:6px;break-inside:avoid}.prose hr{border:0;border-top:1px solid var(--rule);margin:2rem 0}.prose p,.prose li,.prose h1,.prose h2,.prose h3,.prose pre,.prose table,.prose img,.prose blockquote,.prose hr{break-inside:avoid}.pager{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.6rem clamp(1rem,5vw,3rem);background:linear-gradient(to top,var(--bg) 60%,transparent);pointer-events:none;z-index:4}.pager>*{pointer-events:auto}.pager button{font:inherit;font-size:.85rem;color:var(--muted);background:var(--bg-elev);border:1px solid var(--rule);border-radius:.6rem;padding:.45rem .8rem;cursor:pointer;box-shadow:var(--shadow);transition:color .15s,border-color .15s}.pager button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.pager button:disabled{opacity:.3;cursor:default}.pager .counter{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.landing{max-width:760px;margin:0 auto;padding:clamp(1.5rem,5vw,3.5rem) clamp(1.25rem,5vw,2rem) 6rem;height:calc(100vh - var(--chrome-h) - 2px);height:calc(100dvh - var(--chrome-h) - 2px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.landing h1{font-size:clamp(1.6rem,1.2rem + 2vw,2.2rem);letter-spacing:-.02em}.toc-list{list-style:none;padding:0;margin:1.5rem 0}.toc-list li{margin:0}.toc-list a{display:flex;align-items:baseline;gap:.75rem;padding:.7rem .6rem;border-radius:.5rem;color:var(--text);border-bottom:1px solid var(--rule)}.toc-list a:hover{background:var(--accent-soft);text-decoration:none}.toc-list .num{color:var(--muted);font-size:.85rem;min-width:2rem;font-variant-numeric:tabular-nums}.home{max-width:760px;margin:0 auto;padding:clamp(1rem,4vw,2.5rem) clamp(1.25rem,5vw,2rem) 4rem;height:calc(100vh - var(--chrome-h) - 2px);height:calc(100dvh - var(--chrome-h) - 2px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.home h1{font-size:clamp(1.6rem,1.2rem + 2vw,2.2rem);text-align:center;margin:.25rem 0 0;letter-spacing:-.02em}.tag{text-align:center;color:var(--muted);margin:.25rem 0 1.5rem;font-size:.9rem}.pet-stage{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:.5rem}.pet{display:block}.pet-float{animation:floaty 4s ease-in-out infinite;transform-origin:center}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pet-body{fill:var(--accent)}.pet-belly{fill:var(--bg-elev);opacity:.85}.pet-tuft{fill:var(--accent)}.pet-eye-bg{fill:var(--bg-elev)}.pet-eye{transform-box:fill-box;transform-origin:center;animation:blink 5.5s infinite}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.pet-pupil{fill:#1c1410}.pet-shine{fill:#fff}.pet-beak{fill:#e8a33d}.pet-wing{fill:var(--accent);opacity:.9;animation:flap 4s ease-in-out infinite;transform-box:fill-box}.pet-wing.right{animation-delay:.2s}@keyframes flap{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pet-foot{fill:#e8a33d}.bubble{background:var(--bg-elev);border:1px solid var(--rule);color:var(--text);padding:.55rem .9rem;border-radius:1rem;font-size:.85rem;margin-top:-.5rem;max-width:90vw;text-align:center;box-shadow:var(--shadow);position:relative;animation:pop .5s ease both}.bubble:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--bg-elev);border-left:1px solid var(--rule);border-top:1px solid var(--rule)}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.5rem 0}.stat{background:var(--bg-elev);border:1px solid var(--rule);border-radius:.75rem;padding:.75rem .4rem;text-align:center}.stat b{display:block;font-size:clamp(1.1rem,.9rem + 1vw,1.5rem);color:var(--accent)}.stat span{font-size:.72rem;color:var(--muted)}.section-title{font-size:1rem;margin:1.5rem 0 .75rem;color:var(--muted);font-weight:600}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.card{display:block;background:var(--bg-elev);border:1px solid var(--rule);border-radius:.9rem;padding:1rem;color:var(--text);transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-2px);border-color:var(--accent);text-decoration:none}.card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.card-emoji{font-size:1.4rem}.card-label{font-weight:600;font-size:.95rem}.card-meta{font-size:.78rem;color:var(--muted);margin-bottom:.6rem}.card-bar{height:6px;background:var(--rule);border-radius:3px;overflow:hidden}.card-fill{display:block;height:100%;width:0;background:var(--accent);transition:width .4s ease}.card-pct{font-size:.75rem;color:var(--muted);margin-top:.4rem}.card-pct b{color:var(--accent)}.pad{height:100%;overflow:hidden;display:flex}.pad>.prose{margin:auto 0}.page--scroll .pad>.prose{margin:0}@media (max-width: 640px){:root{--chrome-h: 3rem}.brand{font-size:.85rem}.tab{font-size:.78rem;padding:.35rem .55rem}.page{padding:clamp(.75rem,2.5vw,1.25rem) clamp(.75rem,4vw,1.5rem);padding-bottom:5rem}.prose{font-size:1rem;line-height:1.65}.prose h1{font-size:clamp(1.35rem,1.1rem + 3vw,1.8rem)}.prose h2{font-size:clamp(1.15rem,1rem + 2vw,1.35rem)}.prose pre{font-size:.78em;padding:.75rem .85rem}.prose table{font-size:.8rem}.prose th,.prose td{padding:.35rem .5rem}.pager{padding:.5rem clamp(.75rem,4vw,1.5rem)}.pager button{font-size:.8rem;padding:.55rem .9rem;min-width:3rem;border-radius:.65rem}.pager .counter{font-size:.75rem}.landing{padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,1.5rem) 5rem}}@media (max-width: 480px){.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}}