:root{--sneat-primary: #4361ee;--sneat-primary-light: #4895ef;--sneat-primary-dark: #3a0ca3;--sneat-secondary: #7209b7;--sneat-light: #f8f9fa;--sneat-dark: #212529;--sneat-gray: #6c757d;--sneat-bg: #f5f7fa;--shadow: rgba(0, 0, 0, .2);--toc-transition: all .3s ease;--card-shadow: 0 4px 20px rgba(0, 0, 0, .08)}body{background-color:var(--sneat-bg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--sneat-dark);scroll-behavior:smooth;overflow-x:hidden}.chapter-header{background:linear-gradient(135deg,var(--sneat-primary),var(--sneat-primary-dark))!important;border-bottom:none;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;z-index:1000}.chapter-header.scrolled{box-shadow:0 4px 20px #4361ee4d}.breadcrumb-item a{color:#ffffffe6;text-decoration:none;transition:color .2s}.breadcrumb-item a:hover{color:#fff;text-decoration:underline}.breadcrumb-item.active{color:#fff;font-weight:500}.chapter-title{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);font-weight:600}.comic-container{display:flex;max-width:1400px;margin:0 auto;padding:20px;position:relative;gap:20px}.comic-viewer-wrapper{flex:1;min-width:0}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#0009;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s ease;z-index:5}.nav-arrow.left{left:10px}.nav-arrow.right{right:10px}.nav-arrow:hover{background-color:var(--sneat-primary)}.nav-arrow.hidden{opacity:0;pointer-events:none}.page-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:5px 15px;border-radius:15px;font-size:.9rem;z-index:5}#flipbook{background-color:#f0f0f0;border-radius:0;box-shadow:0 5px 15px #0000001a;overflow:hidden;display:flex;justify-content:center;align-items:center;width:105vh;height:calc(100vh - 100px);max-height:90vh}#flipbook .page,#fs-flipbook .page{background-color:#fff;background-size:100% 100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0!important;margin:0!important;gap:0!important;border:none!important;box-shadow:none!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}#flipbook .page-image-container,#fs-flipbook .page-image-container{height:100%;flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f8f8f8;padding:0!important;margin:0!important}#flipbook .page-image,#fs-flipbook .page-image{max-width:100%;max-height:100%;object-fit:contain;display:block;padding:0!important;margin:0!important}.page-image.loading-animation{filter:blur(10px);transition:filter .5s ease-out}.page-image.loading-animation.loaded{filter:blur(0)}.fullscreen-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000!important;display:none;z-index:9999;overflow:hidden;padding:0!important;margin:0!important;flex-direction:column}.fullscreen-viewer.active{display:flex}.fs-flipbook-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0!important;margin:0!important;background-color:#000!important}#fs-flipbook{width:100vw;height:calc(100vh - 60px);background-color:#000!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}#fs-flipbook .page{background-color:#000!important;display:flex;justify-content:center;align-items:center;padding:0!important;margin:0!important;width:100%;height:100%}#fs-flipbook .page-image-container{background-color:#000!important;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0!important;margin:0!important}#fs-flipbook .page-image{width:auto;height:100%;max-width:100%;object-fit:contain;display:block;padding:0!important;margin:0!important}.fullscreen-header{width:100%;height:60px;background-color:#000000d9;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box;z-index:10001;border-bottom:1px solid rgba(255,255,255,.1)}.fullscreen-header .text-white{font-size:1.1rem}.fs-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#4361eeb3;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 15px #0000004d;z-index:10000}.fs-nav-arrow.left{left:20px}.fs-nav-arrow.right{right:20px}.fs-nav-arrow:hover{background-color:var(--sneat-primary);transform:translateY(-50%) scale(1.1)}.fs-nav-arrow.hidden{opacity:0;pointer-events:none}.toc-container{width:320px;min-width:320px;background-color:#fff;border-radius:12px;box-shadow:var(--card-shadow);transition:var(--toc-transition);overflow:hidden;max-height:85vh;position:sticky;top:1.5rem;border:1px solid rgba(0,0,0,.05);z-index:50;display:flex;flex-direction:column;height:85vh}.toc-container.collapsed{width:60px;min-width:60px;box-shadow:0 2px 15px #00000014}.toc-header{background:linear-gradient(135deg,var(--sneat-primary),var(--sneat-primary-dark));color:#fff;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative;transition:var(--toc-transition)}.toc-header h5{margin:0;font-size:1rem;font-weight:600;transition:opacity .3s ease;display:flex;align-items:center;gap:.75rem}.toggle-icon{font-size:1.25rem;transition:var(--toc-transition);position:absolute;right:1rem;background:#fff3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toc-container.collapsed .toggle-icon{right:1rem;transform:none;position:relative;background:none;width:auto;height:auto}.toc-container:not(.collapsed) .toggle-icon{transform:rotate(0)}.toc-container.collapsed .toggle-icon{transform:rotate(180deg)}.toc-content{transition:var(--toc-transition);scrollbar-width:thin;scrollbar-color:var(--sneat-primary-light) transparent;flex:1;overflow-y:auto;padding:1rem 0;max-height:none}.toc-content::-webkit-scrollbar{width:6px}.toc-content::-webkit-scrollbar-track{background:transparent}.toc-content::-webkit-scrollbar-thumb{background-color:var(--sneat-primary-light);border-radius:10px}.toc-container.collapsed .toc-content{opacity:0;height:0;padding:0;overflow:hidden}.toc-item{padding:.75rem 1.25rem;margin:0 .75rem .5rem;border-radius:8px;cursor:pointer;transition:var(--toc-transition);display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;border:1px solid transparent}.toc-item:hover{background-color:#4361ee14;transform:translate(3px);border-color:#4361ee1a}.toc-item.active{background-color:#4361ee1a;border-left:4px solid var(--sneat-primary);font-weight:500;color:var(--sneat-primary-dark)}.toc-item.active .toc-item-number{background-color:var(--sneat-primary-dark);transform:scale(1.05)}.toc-item-number{background-color:var(--sneat-primary);color:#fff;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;font-weight:600;box-shadow:0 2px 8px #4361ee33;transition:var(--toc-transition)}.toc-item-text{font-size:.95rem;line-height:1.4;transition:var(--toc-transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.toc-item-caption{font-size:.85rem;color:var(--sneat-gray);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.toc-container.collapsed .toc-item{justify-content:center;padding:.75rem 0;border-radius:50%;width:44px;height:44px;margin:0 0 .5rem .5rem}.toc-container.collapsed .toc-item-number{margin:0;width:44px;height:44px;border-radius:50%}.toc-container.collapsed .toc-item-text,.toc-container.collapsed .toc-item-caption{display:none}.toc-navigation{padding:1rem;background-color:#fff;border-top:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:1rem;bottom:0;z-index:10;box-shadow:0 -4px 12px #00000008;flex-shrink:0;position:relative}.toc-navigation .btn{border-radius:8px;padding:.75rem 1rem;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;font-size:.95rem}.toc-navigation .btn-outline-primary{border:2px solid var(--sneat-primary);color:var(--sneat-primary);background-color:#fff}.toc-navigation .btn-outline-primary:hover{background-color:#4361ee14;transform:translateY(-2px);box-shadow:0 4px 12px #4361ee1a}.toc-navigation .btn-primary{background:linear-gradient(135deg,var(--sneat-primary),var(--sneat-primary-dark));border:none;color:#fff}.toc-navigation .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4361ee4d;background:linear-gradient(135deg,var(--sneat-primary-light),var(--sneat-primary))}.toc-button-group{display:flex;gap:.75rem;width:100%}.toc-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.toc-button-group .btn{flex:1;min-width:120px}.toc-container.collapsed .toc-navigation{opacity:0;height:0;padding:0;margin:0;overflow:hidden;transform:scaleY(0);border-top:none}.toc-container:not(.collapsed) .toc-navigation{opacity:1;height:auto;padding:1rem;margin:0;transform:scaleY(1);transition:all .3s ease .1s}.coming-soon-card{border:none;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:all .3s ease;background:linear-gradient(135deg,#f5f7fa,#e4e8ed);padding:3rem;text-align:center}.coming-soon-icon{font-size:5rem;background:linear-gradient(135deg,#4361ee,#3a0ca3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;animation:pulse 2s infinite}.countdown-container{display:flex;justify-content:center;gap:15px;margin:2rem 0;flex-wrap:wrap}.countdown-box{background:#fff;border-radius:12px;padding:1rem;min-width:80px;box-shadow:0 4px 15px #0000000d;text-align:center;border:1px solid rgba(67,97,238,.1)}.countdown-value{font-size:2rem;font-weight:700;color:#4361ee;line-height:1}.countdown-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#6c757d;margin-top:5px}.notify-form{max-width:500px;margin:0 auto}.notify-btn{background:linear-gradient(135deg,#4361ee,#3a0ca3);border:none;padding:.75rem 2rem;font-weight:600;transition:all .3s ease;color:#fff}.notify-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #4361ee4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 1200px){.comic-container{flex-direction:column}.toc-container{width:100%;max-height:none;position:static;margin-bottom:20px}.toc-container.collapsed{width:100%;min-width:100%}}@media (max-width: 992px){#flipbook{height:70vh}}@media (max-width: 768px){.toc-navigation{padding:.75rem}.toc-navigation .btn{padding:.6rem;font-size:.85rem}.toc-page-indicator{font-size:.8rem;padding:.6rem}.toc-page-indicator .current{font-size:.9rem}.toc-container.collapsed .toc-navigation{display:none}.toc-container:not(.collapsed) .toc-navigation{display:flex}.fullscreen-header{height:50px;padding:0 15px;font-size:.9rem}.fs-nav-arrow{width:40px;height:40px}}@media (max-width: 576px){.chapter-header .container{padding-left:15px;padding-right:15px}.comic-viewer{height:70vh}.nav-arrow{width:35px;height:35px}.page-indicator{font-size:.8rem;padding:3px 8px}.countdown-box{min-width:70px;padding:10px 15px}.countdown-value{font-size:1.8rem}}