@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.comic-toolbar{position:fixed;bottom:29px;left:0;width:100%}.comic-toolbar .page-navigation-wrapper,.comic-toolbar .zoom-controls-wrapper{transform:translateY(300px);transition:all .2s}.is-show .page-navigation-wrapper,.is-show .zoom-controls-wrapper{transform:translateY(0)}.is-show .toolbar-bottom-btn{transform:translateX(-50%)}.is-show .settings-btn,.is-show .settings-icon,.is-show .settings-text{color:var(--color-primary)}.is-show .settings-btn{border-color:var(--color-primary)}.is-show #app-header{opacity:1}.page-navigation-wrapper{position:relative}.comic-toolbar-main{display:grid;grid-template-columns:1fr 2fr 1fr}.zoom-controls{display:flex;align-items:center;justify-content:flex-end;background:rgba(55,55,55,.6);border-radius:50px;padding:8px 33px;gap:8px;width:-moz-fit-content;width:fit-content;margin-left:auto}.zoom-minus,.zoom-plus{color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.zoom-minus:hover,.zoom-plus:hover{color:var(--color-primary);transform:scale(1.1)}.zoom-level{color:#fff;font-size:14px;font-weight:500;min-width:40px;text-align:center;cursor:pointer}.page-navigation{display:flex;align-items:center;justify-content:center;padding:8px 36px;background:rgba(55,55,55,.6);border-radius:50px;gap:12px;margin-left:8px}.page-indicator{color:#fff;font-size:14px;font-weight:500;display:flex;align-items:center;gap:2px;white-space:nowrap}.page-current{color:#fff;font-weight:700}.page-separator,.page-total{color:rgba(255,255,255,.8)}.page-progress-wrapper{position:relative;flex:1;cursor:pointer}.page-progress-wrapper:hover .page-progress{height:10px}.page-progress-wrapper:hover .page-progress-thumb{transform:translateY(-50%) scale(1.4)}.page-progress{width:100%;height:6px;background:#fff;border-radius:50px;position:relative;transition:height .2s}.page-progress-bar{--progress-percent:0%;width:var(--progress-percent);height:100%;background:#ff41a0;border-radius:3px;position:relative}.page-progress-thumb{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#ff41a0;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s}.page-btn{background:0 0;border:0;color:#fff;font-size:16px;font-weight:700;cursor:pointer;padding:0 10px;border-radius:6px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.page-btn:hover{background:rgba(255,255,255,.2)}.toolbar-bottom-btn{position:absolute;left:50%;bottom:62px;transform:translate(-50%,300px);z-index:1001;pointer-events:auto}.bottom-btn,.btn-icon,.toolbar-bottom-btn{display:flex;align-items:center}.bottom-btn{background:rgba(55,55,55,.6);padding:16px 36px;gap:16px;transition:all .2s}.bottom-btn.btn-directory{padding-right:12px;border-radius:50px 0 0 50px}.bottom-btn.btn-play{padding-left:12px;border-radius:0 50px 50px 0}.btn-icon{color:#fff;justify-content:center}.btn-text{color:#fff;font-size:14px;font-weight:500}.toolbar-sidebar-fixed{position:fixed;right:40px;bottom:40px;z-index:1000}.toolbar-sidebar{justify-content:flex-end}.settings-btn,.settings-icon,.toolbar-sidebar{display:flex;align-items:center}.settings-btn{border:1px solid #fff;border-radius:50px;padding:12.5px 36px;cursor:pointer;gap:8px;transition:all .2s;box-shadow:0 4px 12px rgba(0,0,0,.3)}.settings-icon{color:#fff;justify-content:center}.settings-text{color:#fff;font-size:14px;font-weight:500}.comics-bottom-btn{color:var(--color-primary);line-height:35px;display:inline-block;border:1px solid var(--color-primary);border-radius:50px;padding:1px 36px 0}.comics,.comics>img{width:100%}.comics>img[data-src]{height:90vh;padding:0 30%}@media (min-width:768px){.comics{--reader-width:50vw;width:var(--reader-width);margin:0 auto}}@media (max-width:768px){.comic-toolbar-main{margin:0 8px;padding:8px 12px;min-height:50px}.zoom-controls{padding:2px 6px;gap:6px}.zoom-level{font-size:12px;min-width:35px}.page-navigation{gap:8px}.page-indicator{font-size:12px}.page-btn{font-size:14px;padding:4px 8px}.toolbar-sidebar{right:8px;bottom:8px}.settings-btn{padding:10px 12px;border-radius:10px}.settings-text{font-size:12px}}.comic-toolbar.hidden,.comic-toolbar.visible{transform:translateY(100%);transition:transform .3s ease}.comic-toolbar.visible{transform:translateY(0)}.comic-chapter-menu{position:fixed;bottom:0;left:50%;transform:translate(-50%,100%) scale(0);z-index:-1;pointer-events:none;opacity:0;visibility:visible;transition:all .3s}.show-directory .comic-chapter-menu{opacity:1;z-index:2000;pointer-events:auto}.chapter-menu-arrow{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:14px solid #37373799}.chapter-menu-overlay{background:rgba(55,55,55,.6);border-radius:12px;padding:24px;min-width:600px;max-width:90vw;pointer-events:auto}.chapter-menu-header{margin-bottom:8px}.chapter-menu-title{color:#fff;font-size:18px;font-weight:700;margin:0;padding:0}.chapter-range-nav,.chapter-tab-nav.chapter-range-nav{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.chapter-range-btn,.chapter-tab-item.chapter-range-btn{background:0 0;border:0;color:rgba(255,255,255,.7);font-size:14px;font-weight:500;cursor:pointer;padding:0 8px 8px;border-radius:6px;transition:all .2s;position:relative}.chapter-range-btn.active,.chapter-tab-item.chapter-range-btn.active{color:#fff}.chapter-range-btn.active::after,.chapter-tab-item.chapter-range-btn.active::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:4px;background:#ff41a0;border-radius:100px}.chapter-btn,.chapter-item{position:relative}.chapter-btn{background:rgba(55,55,55,.4);border:0;border-radius:50px;color:#fff;font-size:16px;font-weight:500;padding:8px 25px;cursor:pointer;transition:all .2s}.chapter-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.chapter-number{display:block}.chapter-tab-panel{display:none}.chapter-tab-panel.active{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.comic-chapter-menu.hidden{opacity:0;pointer-events:none;transform:translate(-50%,100%) scale(0);transition:all .3s ease}.comic-chapter-menu.visible{opacity:1;pointer-events:auto;transition:all .3s ease}#app-header{opacity:0;transition:opacity .2s;padding-top:0}.reader-toolbar-autoplay{display:none;position:absolute;left:50%;transform:translateX(-50%);bottom:7px;z-index:1000}.reader-toolbar-autoplay .reader-autoplay-switch{opacity:1;display:flex;transition:opacity .2s;align-items:center;background-color:rgba(55,55,55,.6);border-radius:50px;padding:12px 36px;font-size:16px;font-weight:500;cursor:pointer;white-space:nowrap}.reader-toolbar-autoplay .icon-play{margin-right:12px}.show-autoplay .page-navigation-wrapper,.show-autoplay .toolbar-bottom-btn,.show-autoplay .zoom-controls-wrapper{display:none}.show-autoplay .autoplay-config{opacity:1;transform:translate(-50%,0) scale(1)}.show-autoplay .reader-toolbar-autoplay{display:block}.autoplay-config{width:50vw;position:absolute;left:50%;bottom:65px;transform:translate(-50%,0) scale(0);z-index:1001;pointer-events:auto;background-color:rgba(55,55,55,.6);backdrop-filter:blur(10px);padding:24px;border-radius:12px;opacity:0;transition:all .2s}.autoplay-config-header{font-size:18px;font-weight:700}