:root{--color-background:#FFFFFF;--color-surface:#f7faff;--color-text:#001f3f;--color-text-muted:#556270;--color-primary:#0074D9;--color-accent:#FFDC00;--color-border:#dce4ec;--font-body:'Source Sans Pro',sans-serif;--font-display:'Playfair Display',serif}body{font-family:var(--font-body);margin:0;background-color:var(--color-background);color:var(--color-text);line-height:1.6}.container{max-width:900px;margin:30px auto;padding:0 15px}a{color:var(--color-primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8;text-decoration:none}.site-header{background-color:none;color:#fff;text-align:center;border-bottom:1px solid var(--color-border)}.main-banner{padding:0;line-height:0;position:relative}.main-banner a{display:block}.main-banner img,.main-banner picture{display:block;width:100%;height:auto;object-fit:cover}.banner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#0074d9;text-shadow:2px 2px 8px rgba(0,0,0,.8);z-index:10;width:100%;padding:0 20px;box-sizing:border-box}.banner-overlay h1{font-family:var(--font-display);font-size:3.5em;margin:0;letter-spacing:2px;line-height:1.1}.banner-overlay .banner-subtitle{font-size:1.2em;margin:10px 0 0;font-weight:400;opacity:.9}.main-nav{background-color:var(--color-surface);padding:10px 0;position:relative}.nav-container{max-width:900px;margin:0 auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center}.nav-menu{display:flex;gap:0;justify-content:center;width:100%}.nav-menu a{color:var(--color-text);text-decoration:none;margin:0 15px;font-size:1.1em;padding:5px 10px;border-radius:5px;transition:.2s}.nav-menu a.active,.nav-menu a:hover{background-color:var(--color-primary);color:var(--color-background);font-weight:700}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:0 0;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-menu span{width:100%;height:3px;background-color:var(--color-text);border-radius:10px;transition:.3s;transform-origin:center}.hamburger-menu.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.main-footer{text-align:center;padding:20px;margin-top:40px;background-color:var(--color-surface);color:var(--color-text-muted);border-top:1px solid var(--color-border)}.footer-links{margin-top:10px;font-size:.9em}.footer-links a{color:var(--color-text-muted);margin:0 10px;transition:color .2s}.footer-links a.active,.footer-links a:hover{color:var(--color-primary)}.intro-section{background-color:var(--color-surface);padding:40px;margin:30px auto;border-radius:10px;border:1px solid var(--color-border);max-width:900px;text-align:center}.intro-section h2{font-family:var(--font-display);color:var(--color-primary);font-size:2.5em;margin-bottom:20px;letter-spacing:1px}.intro-section p{font-size:1.1em;line-height:1.8;color:var(--color-text);margin-bottom:15px}.intro-section .highlight{color:var(--color-primary);font-weight:700}.chapter-list,.post-list{display:flex;flex-direction:column;gap:12px}.chapter-item,.post-item{display:block;padding:15px 20px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;text-decoration:none;color:var(--color-text);font-size:1.1em;transition:border-color .2s,transform .2s,background-color .2s}.chapter-item:hover,.post-item:hover{border-color:var(--color-primary);transform:translateY(-3px);background-color:#303437}.chapter-item .chapter-number{font-weight:700;color:var(--color-primary)}.chapter-item .chapter-title{margin-left:10px;color:var(--color-text-muted)}.post-item h3{margin-top:0;margin-bottom:8px;color:var(--color-primary)}.chapter-reader-container{text-align:center}.chapter-bar{padding:25px;margin:25px 0;background-color:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}#chapter-title-reader,h2{font-family:var(--font-display);letter-spacing:1.5px;color:var(--color-primary);font-size:2.5em;margin-top:0;margin-bottom:20px}.chapter-select-wrapper{display:flex;justify-content:center;align-items:center;gap:10px}#chapter-select{padding:10px 15px;border-radius:5px;border:1px solid var(--color-border);font-size:1em;min-width:300px;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body)}.chapter-bottom-bar{display:none}.chapter-nav-buttons{display:flex;justify-content:center;gap:15px;margin:20px 0}.back-to-home-btn,.chapter-nav-buttons a{padding:12px 25px;color:var(--color-background);background-color:var(--color-primary);text-decoration:none;border-radius:5px;font-weight:700;font-family:var(--font-body)}.chapter-nav-buttons a.disabled{background-color:var(--color-surface);color:var(--color-text-muted);pointer-events:none;cursor:not-allowed;opacity:.6}.back-to-home-btn{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.page-container img{max-width:100%;height:auto;display:block;margin:0 auto}.post-meta{font-size:.9em;color:var(--color-text-muted);margin-bottom:15px}.post-content-wrapper{background-color:var(--color-surface);padding:20px 30px;border-radius:8px;text-align:left}.post-content{line-height:1.8;font-size:1.1em}.post-content h2,.post-content h3{font-family:var(--font-display);margin-top:2em;border-bottom:1px solid var(--color-border);padding-bottom:.3em;color:var(--color-primary)}.post-content img{max-width:100%;height:auto;border-radius:5px;margin:1.5em 0;loading:lazy}.post-content blockquote{border-left:4px solid var(--color-primary);padding-left:1.5em;margin:1.5em 0;font-style:italic;color:var(--color-text-muted)}.post-content code{background-color:var(--color-background);padding:3px 6px;border-radius:4px;font-family:"Courier New",Courier,monospace}.post-content pre{background-color:var(--color-background);padding:1em;border-radius:5px;overflow-x:auto}.loading-spinner{display:none;width:50px;height:50px;border:5px solid var(--color-border);border-top:5px solid var(--color-primary);border-radius:50%;margin:30px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.back-to-top{display:none;position:fixed;bottom:25px;right:25px;z-index:100;border:none;outline:0;background-color:var(--color-primary);color:#fff;cursor:pointer;padding:15px;border-radius:50%;width:50px;height:50px;font-size:20px;line-height:1;transition:opacity .3s,transform .3s;box-shadow:0 2px 10px rgba(0,0,0,.2)}.back-to-top:hover{background-color:#a52a34;transform:scale(1.1)}@media (max-width:768px){.loading-spinner{width:40px;height:40px;border-width:4px;margin:20px auto}.container{margin:20px auto;padding:0 10px}.banner-overlay h1{font-size:2.5em;letter-spacing:1px}.banner-overlay .banner-subtitle{font-size:1em}.intro-section{display:none}.hamburger-menu{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);flex-direction:column;padding:0;margin:0;border-top:1px solid var(--color-border);box-shadow:0 2px 10px rgba(0,0,0,.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:.3s;z-index:1000}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-menu a{margin:0;padding:15px 20px;border-radius:0;border-bottom:1px solid var(--color-border);text-align:left;font-size:1.1em}.nav-menu a:last-child{border-bottom:none}#chapter-title-reader,h2{font-size:2em}.chapter-select-wrapper{flex-direction:column;gap:8px}#chapter-select{min-width:250px;width:100%;max-width:300px}.chapter-nav-buttons{flex-direction:column;gap:10px}.back-to-home-btn,.chapter-nav-buttons a{padding:15px 20px;font-size:1em}.post-content-wrapper{padding:15px 20px}.post-content{font-size:1em}.footer-links a{margin:0 5px;font-size:.8em}.page-container{margin:0 -10px}.page-container img{width:100%;max-width:none;margin:0}}@media (max-width:480px){.container{margin:15px auto;padding:0 8px}.banner-overlay h1{font-size:2em;letter-spacing:1px}.banner-overlay .banner-subtitle{font-size:.9em}.main-nav{padding:8px 0}.chapter-item,.nav-menu a,.post-item{padding:12px 15px;font-size:1em}.chapter-item .chapter-title{margin-left:5px;font-size:.9em}#chapter-title-reader,h2{font-size:1.6em;letter-spacing:1px;margin-bottom:15px}.chapter-bar{padding:15px;margin:15px 0}.chapter-select-wrapper{gap:5px}#chapter-select{min-width:200px;padding:8px 12px;font-size:.9em}.chapter-nav-buttons{gap:8px;margin:15px 0}.back-to-home-btn,.chapter-nav-buttons a{padding:12px 15px;font-size:.9em}.post-content-wrapper{padding:12px 15px}.post-content{font-size:.95em;line-height:1.7}.post-content h2,.post-content h3{font-size:1.3em;margin-top:1.5em}.post-content blockquote{padding-left:1em;margin:1em 0}.main-footer{padding:15px;margin-top:30px}.footer-links{margin-top:8px;font-size:.8em}.footer-links a{margin:0 3px;display:block;margin-bottom:5px}.page-container{margin:0 -8px}.page-container img{width:100%;height:auto;display:block;margin:0;border-radius:0}.back-to-home-btn,.chapter-nav-buttons a{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}.back-to-top{bottom:15px;right:15px;width:45px;height:45px;font-size:18px}}@media (max-width:320px){.container{padding:0 5px}.banner-overlay h1{font-size:1.6em}.banner-overlay .banner-subtitle{font-size:.8em}.nav-menu a{padding:10px 12px;font-size:.9em}#chapter-title-reader,h2{font-size:1.4em}#chapter-select{min-width:180px;font-size:.8em}.back-to-home-btn,.chapter-nav-buttons a{padding:10px 12px;font-size:.8em}.post-content{font-size:.9em}.page-container{margin:0 -5px}}@media (max-width:768px) and (orientation:landscape){.banner-overlay h1{font-size:2.2em}.banner-overlay .banner-subtitle{font-size:.95em}.chapter-nav-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}.back-to-home-btn,.chapter-nav-buttons a{margin:5px}.page-container img{max-height:80vh;width:auto;max-width:100%}}@media (hover:none) and (pointer:coarse){.chapter-item:hover,.post-item:hover{transform:none}.nav-menu a:hover{background-color:transparent}.footer-links a:hover{color:var(--color-text-muted)}.nav-menu a{padding:10px 15px;min-height:44px;display:flex;align-items:center;justify-content:center}.back-to-home-btn,.chapter-nav-buttons a{min-height:44px;display:flex;align-items:center;justify-content:center}#chapter-select{min-height:44px}.chapter-item:active,.post-item:active{background-color:#303437;transform:scale(.98)}.nav-menu a:active{background-color:var(--color-primary);color:var(--color-background)}.back-to-home-btn:active,.chapter-nav-buttons a:active{opacity:.8;transform:scale(.95)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.page-container img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}.chapter-item,.footer-links a,.main-banner h1 a,.main-nav a,.post-item{transition:none}}@media print{.chapter-bar,.chapter-nav-buttons,.main-footer,.site-header{display:none!important}.page-container img{max-width:100%!important;page-break-inside:avoid}body{background:#fff!important;color:#000!important}}.contact-form{max-width:600px;margin:2em auto;padding:2em;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.form-group{margin-bottom:1.5em}.form-group label{display:block;margin-bottom:.5em;font-weight:700;color:var(--color-text)}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--color-border);border-radius:5px;background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:1em;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(255,193,7,.2)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background-color:var(--color-primary);color:var(--color-background);border:none;padding:12px 30px;font-size:1.1em;font-weight:700;border-radius:5px;cursor:pointer;transition:.2s;font-family:var(--font-body)}.submit-btn:hover{background-color:#e6ac00;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}@media (max-width:768px){.contact-form{padding:1.5em;margin:1.5em auto}.form-group input,.form-group textarea{padding:10px 12px;font-size:.95em}.submit-btn{padding:15px 25px;font-size:1em;width:100%}}@media (max-width:480px){.contact-form{padding:1em;margin:1em auto}.form-group{margin-bottom:1.2em}.form-group input,.form-group textarea{padding:8px 10px;font-size:.9em}.submit-btn{padding:12px 20px;font-size:.95em}}.social-sharing-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:20px;margin-bottom:20px;text-align:center}.social-sharing-title{margin-bottom:15px}.social-sharing-title span{font-weight:700;color:var(--color-text);font-size:1.1em;letter-spacing:.5px}.social-sharing-buttons{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.social-share-btn{display:flex;flex-direction:column;align-items:center;padding:12px;background-color:var(--color-background);border:2px solid var(--color-border);border-radius:10px;text-decoration:none;color:var(--color-text);font-size:.9em;font-weight:500;transition:.3s;min-width:80px;position:relative;overflow:hidden}.social-share-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3);border-color:var(--color-primary)}.social-share-btn img{width:32px;height:32px;margin-bottom:6px;filter:brightness(.9);transition:filter .3s}.social-share-btn:hover img{filter:brightness(1.1)}.social-name{font-size:.85em;margin-top:2px;color:var(--color-text-muted);transition:color .3s}.social-share-btn:hover .social-name{color:var(--color-text)}.social-share-facebook:hover{border-color:#1877f2;background-color:rgba(24,119,242,.1)}.social-share-twitter:hover{border-color:#1da1f2;background-color:rgba(29,161,242,.1)}.social-share-instagram:hover{border-color:#e4405f;background-color:rgba(228,64,95,.1)}.social-share-tiktok:hover{border-color:#000;background-color:rgba(0,0,0,.1)}.share-notification{position:fixed;top:20px;right:20px;background-color:var(--color-primary);color:var(--color-background);padding:15px 20px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:1000;transform:translateX(400px);transition:transform .3s;max-width:300px}.share-notification.show{transform:translateX(0)}.notification-content{text-align:center;font-weight:500}.notification-content small{opacity:.9;font-size:.8em}@media (max-width:768px){.social-sharing-container{padding:15px;margin-bottom:15px}.social-sharing-buttons{gap:10px}.social-share-btn{padding:10px;min-width:70px}.social-share-btn img{width:28px;height:28px;margin-bottom:4px}.social-name{font-size:.8em}.social-sharing-title span{font-size:1em}}@media (max-width:480px){.social-sharing-buttons{gap:8px}.social-share-btn{padding:8px;min-width:65px}.social-share-btn img{width:24px;height:24px}.social-name{font-size:.75em}.share-notification{top:15px;right:15px;left:15px;max-width:none;transform:translateY(-100px)}.share-notification.show{transform:translateY(0)}}