:root{--primary: #2c1810;--primary-light: #4a2f20;--accent: #c9a961;--accent-light: #d4b97a;--bg-main: #faf8f5;--bg-sidebar: #f5f2ed;--text-primary: #2c1810;--text-secondary: #6b5744;--text-muted: #9a8878;--border: #e6e0d6;--shadow: rgba(44, 24, 16, .1);--shadow-lg: rgba(44, 24, 16, .2);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-heading: "Cinzel", serif;--font-body: "Crimson Text", serif;--font-size-base: 18px;--line-height: 1.8;--transition-fast: .2s ease;--transition-base: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--font-size-base)}body{font-family:var(--font-body);background:var(--bg-main);color:var(--text-primary);line-height:var(--line-height);overflow-x:hidden}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf8f5f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.loading-overlay.active{opacity:1;pointer-events:all}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;z-index:1000;box-shadow:0 4px 20px var(--shadow-lg);animation:slideDown .6s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-content{max-width:100%;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.book-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-sm);animation:fadeInUp .8s ease .2s both}.title-icon{font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs);z-index:1001}.menu-toggle span{width:25px;height:3px;background:#fff;border-radius:2px;transition:var(--transition-base)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.container{display:flex;margin-top:90px;min-height:calc(100vh - 90px)}.sidebar{width:320px;background:var(--bg-sidebar);border-right:1px solid var(--border);position:sticky;top:90px;height:calc(100vh - 90px);overflow-y:auto;animation:slideInLeft .6s ease;box-shadow:4px 0 20px var(--shadow)}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:var(--bg-sidebar)}.sidebar::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.nav-header{padding:var(--spacing-lg);border-bottom:2px solid var(--accent);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.nav-header h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;letter-spacing:1px}.nav-list{list-style:none;padding:var(--spacing-sm)}.nav-item{margin-bottom:var(--spacing-xs);animation:fadeInUp .5s ease both}.nav-item:nth-child(1){animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.15s}.nav-item:nth-child(3){animation-delay:.2s}.nav-item:nth-child(4){animation-delay:.25s}.nav-item:nth-child(5){animation-delay:.3s}.nav-item:nth-child(n+6){animation-delay:.35s}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;border-radius:8px;transition:all var(--transition-base);font-size:1.05rem;font-weight:600;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);transform:scaleY(0);transition:transform var(--transition-base)}.nav-link:hover{background:#fff;transform:translate(5px);box-shadow:0 4px 12px var(--shadow)}.nav-link:hover:before{transform:scaleY(1)}.nav-link.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;box-shadow:0 4px 16px #c9a96166}.nav-link.active:before{transform:scaleY(1);background:#fff}.chapter-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);color:#fff;border-radius:50%;font-size:.9rem;font-weight:700;flex-shrink:0}.nav-link.active .chapter-number{background:#fff;color:var(--accent)}.main-content{flex:1;padding:var(--spacing-xl) var(--spacing-lg);max-width:900px;margin:0 auto;animation:fadeIn .8s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content-article{background:#fff;padding:var(--spacing-xl);border-radius:16px;box-shadow:0 8px 32px var(--shadow);animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.content-header{border-bottom:3px solid var(--accent);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-xl)}.chapter-title{font-family:var(--font-heading);font-size:2.5rem;color:var(--primary);margin-bottom:var(--spacing-sm);line-height:1.3;animation:fadeInUp .6s ease}.chapter-meta{display:flex;gap:var(--spacing-md);color:var(--text-muted);font-size:.95rem;animation:fadeInUp .6s ease .1s both}.reading-time:before{content:"📚 "}.content-body{animation:fadeInUp .8s ease .2s both}.content-body h3{font-family:var(--font-heading);font-size:1.8rem;color:var(--primary);margin:var(--spacing-xl) 0 var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.content-body h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-light) 100%);border-radius:2px}.content-body h4{font-family:var(--font-heading);font-size:1.4rem;color:var(--primary-light);margin:var(--spacing-lg) 0 var(--spacing-sm)}.content-body p{margin-bottom:var(--spacing-md);text-align:justify;-webkit-hyphens:auto;hyphens:auto}.content-body .lead{font-size:1.3rem;font-weight:600;color:var(--primary);line-height:1.6}.content-body ul,.content-body ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.content-body li{margin-bottom:var(--spacing-sm)}.content-body blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-sidebar) 0%,var(--bg-main) 100%);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary);box-shadow:0 4px 12px var(--shadow)}.decorative-divider{height:3px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%);margin:var(--spacing-xl) auto;max-width:200px;border-radius:2px}.welcome-message{text-align:center;padding:var(--spacing-xl) 0}.progress-bar{position:fixed;top:90px;left:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 100%);transform-origin:left;transform:scaleX(0);z-index:999;transition:transform .1s ease;box-shadow:0 2px 8px #c9a96180}.back-to-top{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:50px;height:50px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #c9a96166;opacity:0;pointer-events:none;transform:translateY(20px);transition:all var(--transition-base);z-index:998}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 8px 28px #c9a96199}.back-to-top:active{transform:translateY(-2px)}@media(max-width:768px){:root{--font-size-base: 16px}.menu-toggle{display:flex}.container{margin-top:70px}.header-content{padding:var(--spacing-sm) var(--spacing-md)}.book-title{font-size:1.4rem}.sidebar{position:fixed;left:0;top:70px;transform:translate(-100%);z-index:999;width:280px;height:calc(100vh - 70px);transition:transform var(--transition-base);animation:none}.sidebar.active{transform:translate(0);box-shadow:4px 0 32px var(--shadow-lg)}.main-content{padding:var(--spacing-md);width:100%}.content-article{padding:var(--spacing-md)}.chapter-title{font-size:1.8rem}.back-to-top{bottom:var(--spacing-md);right:var(--spacing-md);width:44px;height:44px}}@media(max-width:480px){.sidebar{width:100%}.content-body p{text-align:left}}@media print{.header,.sidebar,.back-to-top,.progress-bar{display:none}.container{margin-top:0}.content-article{box-shadow:none;padding:0}}