@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:EB Garamond,Crimson Text,Georgia,serif;background:linear-gradient(135deg,#f4f1e8,#e8e2d4);color:#2c2416;line-height:1.7;overflow-x:hidden;cursor:none}.app{min-height:100vh;position:relative}.cursor-glow{position:fixed;width:20px;height:20px;background:radial-gradient(circle,rgba(139,69,19,.3) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:9999;transition:all .1s ease;mix-blend-mode:multiply}.page-transition{position:fixed;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(45deg,#8b4513,sienna,peru);z-index:10000;transition:left .8s cubic-bezier(.77,0,.175,1)}.page-transition.active{left:0;animation:slideOut .8s cubic-bezier(.77,0,.175,1) .4s forwards}@keyframes slideOut{to{left:100%}}.container{max-width:1400px;margin:0 auto;padding:60px 80px;min-height:100vh;position:relative;background:#faf8f3;box-shadow:0 0 50px #8b45131a,inset 0 0 100px #8b45130d;transition:all .8s ease}.container.transitioning{transform:scale(.95);opacity:.7}.vintage-paper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(139,69,19,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(160,82,45,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(205,133,63,.02) 0%,transparent 50%);pointer-events:none}.paper-texture{position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,69,19,.01) 2px,rgba(139,69,19,.01) 4px);pointer-events:none}.vintage-border{position:absolute;top:30px;left:30px;right:30px;bottom:30px;border:2px solid rgba(139,69,19,.2);border-radius:4px;pointer-events:none}.vintage-border:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid rgba(139,69,19,.1);border-radius:2px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:100px;padding-bottom:30px;border-bottom:2px solid rgba(139,69,19,.2);position:relative}.header-ornament{font-size:1.5rem;color:#8b4513;opacity:.7}.header-meta{display:flex;gap:60px;font-size:13px;font-weight:500;letter-spacing:3px;color:#8b4513;text-transform:uppercase}.back-button{background:none;border:2px solid rgba(139,69,19,.3);padding:12px 24px;font-size:12px;font-weight:500;letter-spacing:2px;color:#8b4513;cursor:none;transition:all .4s ease;border-radius:2px;text-transform:uppercase;font-family:inherit}.back-button:hover{background:#8b45131a;border-color:#8b4513;transform:translateY(-2px);box-shadow:0 4px 12px #8b451333}.title-section{text-align:center;margin-bottom:120px;position:relative}.vintage-frame{position:relative;display:inline-block}.main-title{font-family:Playfair Display,serif;font-size:5.5rem;font-weight:900;line-height:.9;letter-spacing:-3px;color:#2c2416;text-shadow:2px 2px 4px rgba(139,69,19,.1);position:relative}.typewriter{overflow:hidden;white-space:nowrap;animation:fadeInUp 1s ease-out}.cursor-blink{animation:blink 1s infinite;color:#8b4513}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title-underline{width:200px;height:3px;background:linear-gradient(90deg,transparent,#8b4513,transparent);margin:30px auto;animation:expandWidth 2s ease-out 1s both}@keyframes expandWidth{0%{width:0}to{width:200px}}.vintage-ornament{display:flex;align-items:center;justify-content:center;margin:40px 0;gap:20px}.ornament-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,#8b4513,transparent)}.ornament-center{font-size:1.2rem;color:#8b4513;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.subtitle-section{text-align:center;margin-bottom:100px;max-width:600px;margin-left:auto;margin-right:auto}.subtitle{font-size:1.3rem;color:#5d4e37;line-height:1.8;font-style:italic;margin-bottom:30px;animation:fadeIn 1s ease-out .5s both}.author-signature{font-size:1.1rem;color:#8b4513;font-style:italic;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chapters-section{margin-top:80px}.chapters-header{text-align:center;margin-bottom:60px}.chapters-title{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;margin-bottom:20px;letter-spacing:2px;color:#2c2416}.chapters-ornament{font-size:1.1rem;color:#8b4513;letter-spacing:8px}.chapters-list{display:flex;flex-direction:column;gap:0}.chapter-item{display:grid;grid-template-columns:120px 1fr 80px;gap:40px;align-items:center;padding:35px 30px;border-bottom:1px solid rgba(139,69,19,.15);cursor:none;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;animation:slideInUp .6s ease-out both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chapter-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,69,19,.05),transparent);transition:left .6s ease}.chapter-item:hover:before{left:100%}.chapter-item:hover{background:#8b451308;transform:translate(10px);box-shadow:-5px 0 20px #8b45131a,0 5px 25px #8b45130d}.chapter-number-section{display:flex;flex-direction:column;align-items:center;gap:8px}.chapter-roman{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;color:#8b4513}.chapter-year{font-size:.9rem;color:sienna;font-style:italic}.chapter-content{position:relative}.chapter-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;color:#2c2416;margin-bottom:8px;transition:color .3s ease}.chapter-item:hover .chapter-title{color:#8b4513}.chapter-subtitle{font-size:1.1rem;color:#5d4e37;font-style:italic;margin-bottom:15px}.chapter-dots{display:flex;gap:3px;opacity:.3}.dot{color:#8b4513;font-size:1.2rem;line-height:1}.page-ref{text-align:center}.page-number{font-family:Playfair Display,serif;font-size:1.1rem;color:#8b4513;font-weight:600}.footer-meta{margin-top:100px;text-align:center}.vintage-footer-ornament{display:flex;align-items:center;justify-content:center;margin-bottom:30px;gap:20px}.footer-line{width:100px;height:1px;background:linear-gradient(90deg,transparent,#8b4513,transparent)}.footer-symbol{font-size:1.2rem;color:#8b4513}.publication-info{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#8b4513;letter-spacing:2px;text-transform:uppercase}.chapter-page{position:relative}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#8b4513,peru);z-index:1000;transition:width .1s ease}.chapter-header{text-align:center;margin-bottom:100px;position:relative}.chapter-number-large{font-family:Playfair Display,serif;font-size:8rem;font-weight:900;color:#8b45131a;line-height:1;margin-bottom:-40px}.chapter-title-large{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px;color:#2c2416}.chapter-subtitle-large{font-size:1.4rem;color:#5d4e37;font-style:italic;margin-bottom:20px}.chapter-year-large{font-size:1.1rem;color:#8b4513;font-weight:500;margin-bottom:40px}.chapter-ornament{margin-top:40px}.chapter-text{max-width:800px;margin:0 auto 80px}.paragraph{font-size:1.2rem;line-height:1.9;margin-bottom:35px;text-align:justify;text-indent:2em;animation:fadeInUp .8s ease-out both}.paragraph:first-child{text-indent:0}.paragraph:first-child:first-letter{font-family:Playfair Display,serif;font-size:4rem;font-weight:700;float:left;line-height:3rem;margin:.1em .1em 0 0;color:#8b4513}.footnotes{max-width:800px;margin:80px auto 0;padding-top:40px}.footnote-ornament{display:flex;align-items:center;justify-content:center;margin-bottom:40px;gap:15px}.footnote-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,#8b4513,transparent)}.footnote-symbol{font-size:1rem;color:#8b4513}.footnote{font-size:1rem;color:#5d4e37;margin-bottom:20px;line-height:1.7;font-style:italic}@media (max-width: 1024px){.container{padding:40px 50px}.main-title{font-size:4rem}.chapter-item{grid-template-columns:100px 1fr 60px;gap:30px;padding:30px 20px}}@media (max-width: 768px){.container{padding:30px}.header-meta{gap:30px;font-size:11px}.main-title{font-size:3rem}.chapter-item{grid-template-columns:80px 1fr 50px;gap:20px;padding:25px 15px}.chapter-title-large{font-size:2.5rem}.chapter-number-large{font-size:6rem}.vintage-border{top:15px;left:15px;right:15px;bottom:15px}}@media (max-width: 480px){.container{padding:20px 15px}.main-title{font-size:2.2rem;letter-spacing:-1px;line-height:.95;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.typewriter{white-space:normal;text-align:center}.chapter-item{grid-template-columns:1fr;gap:15px;text-align:center}.chapter-dots{justify-content:center}.header-meta{flex-direction:column;gap:10px;text-align:center}.vintage-border{top:10px;left:10px;right:10px;bottom:10px}.vintage-border:before{top:8px;left:8px;right:8px;bottom:8px}.title-underline{width:150px}.ornament-line{width:50px}.subtitle{font-size:1.1rem;padding:0 10px}.chapters-title{font-size:2rem}.chapter-title-large{font-size:2rem;line-height:1.1}.chapter-number-large{font-size:4rem;margin-bottom:-20px}.paragraph{font-size:1.1rem;text-indent:1em}.paragraph:first-child:first-letter{font-size:3rem;line-height:2.5rem}}@media (max-width: 375px){.container{padding:15px 10px}.main-title{font-size:1.9rem;letter-spacing:-.5px}.vintage-border{top:8px;left:8px;right:8px;bottom:8px}.vintage-border:before{top:6px;left:6px;right:6px;bottom:6px}.header-meta{font-size:10px}.chapters-title{font-size:1.8rem}}@media (max-width: 320px){.main-title{font-size:1rem;letter-spacing:0}.subtitle{font-size:1rem;line-height:1.6}.chapter-title-large{font-size:1.8rem}}@media (max-width: 480px){.main-title{font-size:1.7rem;letter-spacing:0}.subtitle{font-size:1rem;line-height:1.6}.chapter-title-large{font-size:1.8rem}}@media (max-width: 650px){.main-title{font-size:2rem;letter-spacing:0}.subtitle{font-size:1rem;line-height:1.6}.chapter-title-large{font-size:1.8rem}}@media (max-width: 770px){.main-title{font-size:2.5rem;letter-spacing:0}.subtitle{font-size:1rem;line-height:1.6}.chapter-title-large{font-size:1.8rem}}@media (max-width: 900px){.main-title{font-size:3.2rem;letter-spacing:0}.subtitle{font-size:1rem;line-height:1.6}.chapter-title-large{font-size:1.8rem}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}*{transition:transform .3s ease,opacity .3s ease}}