body { font-family: 'Georgia', serif; background: #f4f1ea; color: #2c2c2c; line-height: 1.6; padding: 50px; }
                .container { max-width: 800px; margin: auto; background: white; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-radius: 8px; }
                h1 { text-align: center; color: #4a4a4a; border-bottom: 2px solid #eee; padding-bottom: 20px; }
                .chapter { margin-bottom: 60px; overflow: hidden; animation: fadeIn 1s ease; }
                .chapter img { width: 100%; border-radius: 5px; margin-bottom: 20px; }
                .chapter-text { font-size: 1.2em; }
                .meta { font-style: italic; color: #888; font-size: 0.9em; margin-bottom: 10px; }
                @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }