:root{--color-bg-dark:#09090b;--color-bg-viewport:#050506;--color-bg-card:#151519;--color-accent-purple:#a656f5;--color-accent-indigo:#6467f2;--color-accent-gradient:linear-gradient(135deg, var(--color-accent-purple) 0%, var(--color-accent-indigo) 100%);--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-muted:#6d6d78;--glass-bg:#151519bf;--glass-border:#55555e33;--glass-shadow:0 8px 32px 0 #00000080;--transition-smooth:.3s cubic-bezier(.25, .8, .25, 1);--transition-bounce:.4s cubic-bezier(.175, .885, .32, 1.275);--transition-premium:.35s cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--color-text-primary);touch-action:none;width:100%;height:100%;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;overflow:hidden}.manga-app-container{background-color:var(--color-bg-viewport);justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:relative;overflow:hidden}.manga-app-container.is-zoomed{cursor:grab}.manga-app-container.is-zoom-dragging{cursor:grabbing}.manga-app-container.publication-closed{text-align:center;padding:24px}.publication-closed__message{border:1px solid var(--glass-border);background:var(--glass-bg);width:min(100%,560px);box-shadow:var(--glass-shadow);border-radius:16px;padding:40px 32px}.publication-closed__title{font-size:clamp(24px,5vw,36px);line-height:1.4}.manga-loader-overlay{background-color:var(--color-bg-viewport);z-index:1000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.spinner{border:3px solid #303036cc;border-top-color:var(--color-accent-purple);border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.loader-text{color:var(--color-text-secondary);letter-spacing:2px;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;animation:1.5s ease-in-out infinite pulse-light}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-light{0%,to{opacity:.6}50%{opacity:1}}.manga-viewport-element{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.manga-slider-track{will-change:transform;width:100%;height:100%;transition:transform var(--transition-premium);flex-direction:row;display:flex}.manga-slide{background-color:var(--color-bg-viewport);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;padding:40px 60px;display:flex;position:relative;overflow:hidden}.spread-wrapper{flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;display:flex}.page-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.manga-page-wrapper{max-width:100%;max-height:100%;transition:transform var(--transition-premium);aspect-ratio:7351/10396;z-index:60;pointer-events:none;background-color:#0d0d0f;border:1px solid #ffffff0d;position:relative;box-shadow:0 10px 40px #000000b3}.layout-fit-width .manga-page-wrapper{width:100%;height:auto;max-height:100%}.layout-fit-height .manga-page-wrapper{width:auto;max-width:100%;height:100%}.manga-page-img{object-fit:contain;image-rendering:auto;pointer-events:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.spread-wrapper .page-container{width:50%;height:100%;display:flex}.spread-wrapper .page-container:first-child{justify-content:flex-end}.spread-wrapper .page-container:last-child{justify-content:flex-start}.spread-wrapper .page-container:first-child .manga-page-wrapper{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.spread-wrapper .page-container:last-child .manga-page-wrapper{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.manga-qr-link-overlay{z-index:150;pointer-events:auto;cursor:pointer;background-color:#fff0;border-radius:8px;width:9.4%;height:6.6%;transition:background-color .25s,box-shadow .25s;display:block;position:absolute;bottom:2%;right:5%}.manga-qr-link-overlay.qr-left{width:9%;height:6.4%;bottom:8.8%;left:20%;right:auto}.manga-qr-link-overlay:hover{background-color:#a855f726;box-shadow:0 0 20px #a855f780}.nav-tap-zone{z-index:50;cursor:pointer;height:80%;transition:background-color var(--transition-smooth);align-items:center;display:flex;position:absolute;top:10%}.zone-left{justify-content:flex-start;width:30%;padding-left:20px;left:0}.zone-right{justify-content:flex-end;width:30%;padding-right:20px;right:0}.zone-center{z-index:49;width:40%;left:30%}.nav-hint-arrow{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);width:60px;height:90px;color:var(--color-text-primary);box-shadow:var(--glass-shadow);opacity:0;transition:opacity var(--transition-smooth), transform var(--transition-bounce);pointer-events:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:scale(.8)}.hint-text{letter-spacing:1px;margin-top:4px;font-family:Outfit,sans-serif;font-size:10px;font-weight:700}.zone-left:hover .nav-hint-arrow,.zone-right:hover .nav-hint-arrow{opacity:1;transform:scale(1)}.zone-left:active .nav-hint-arrow{transform:scale(.9)translate(-5px)}.zone-right:active .nav-hint-arrow{transform:scale(.9)translate(5px)}.manga-hud-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;box-shadow:var(--glass-shadow);z-index:100;transition:transform var(--transition-premium), opacity var(--transition-premium);will-change:transform, opacity;padding:16px 24px;padding-left:calc(24px + env(safe-area-inset-left));padding-right:calc(24px + env(safe-area-inset-right));display:flex;position:absolute;left:0}.hud-top{border-bottom:1px solid var(--glass-border);padding-top:calc(16px + env(safe-area-inset-top));justify-content:space-between;align-items:center;top:0}.hud-bottom{border-top:1px solid var(--glass-border);padding-bottom:calc(20px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;bottom:0}.manga-hud-bar.hidden.hud-top{opacity:0;pointer-events:none;transform:translateY(-100%)}.manga-hud-bar.hidden.hud-bottom{opacity:0;pointer-events:none;transform:translateY(100%)}.hud-left{align-items:center;gap:16px;display:flex}.manga-info-meta{flex-direction:column;display:flex}.manga-header-title{letter-spacing:2px;color:var(--color-text-primary);font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.manga-header-chapter{color:var(--color-text-secondary);letter-spacing:.5px;opacity:.85;font-size:11px;font-weight:500}.hud-icon-btn{color:var(--color-text-secondary);cursor:pointer;width:44px;height:44px;transition:all var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.hud-icon-btn:hover{color:var(--color-text-primary);background:#fafafa1a;border-color:#ffffff1a}.hud-icon-btn:active{transform:scale(.9)}.hud-icon-btn.active{background:var(--color-accent-gradient);color:#fff;border-color:#0000;box-shadow:0 0 12px #a855f780}.zoom-icon-vert{transition:opacity var(--transition-smooth), transform var(--transition-smooth);transform-origin:11px 11px}.hud-icon-btn.active .zoom-icon-vert{opacity:0;transform:scaleY(0)}.hud-text-btn{border:1px solid var(--glass-border);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-smooth);background:#fafafa0a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.hud-text-btn:hover{color:var(--color-text-primary);background:#fafafa1a;border-color:#fff3}.hud-text-btn.active{background:var(--color-accent-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 15px #a855f766}.hud-text-btn:active{transform:scale(.95)}.hud-footer-row-bottom{justify-content:space-between;align-items:center;width:100%;display:flex}.hud-footer-row-bottom button{flex-shrink:0}.hud-footer-row-top{align-items:center;gap:20px;width:100%;display:flex}.page-slider-container{flex-grow:1;align-items:center;display:flex;position:relative}.manga-custom-slider{appearance:none;cursor:pointer;background:#fafafa1a;border-radius:3px;outline:none;width:100%;height:6px}.manga-custom-slider::-webkit-slider-thumb{appearance:none;background:var(--color-text-primary);border:3px solid var(--color-accent-purple);cursor:pointer;z-index:10;border-radius:50%;width:20px;height:20px;transition:transform .15s,background-color .15s;position:relative;box-shadow:0 0 10px #a855f799}.manga-custom-slider::-webkit-slider-thumb:hover{background:var(--color-accent-purple);border-color:var(--color-text-primary);transform:scale(1.2)}.manga-custom-slider::-moz-range-thumb{background:var(--color-text-primary);border:3px solid var(--color-accent-purple);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 0 10px #a855f799}.slider-fill{background:var(--color-accent-gradient);pointer-events:none;border-radius:3px;width:0%;height:6px;position:absolute;left:0}.page-counter-container{justify-content:flex-end;align-items:baseline;gap:4px;min-width:70px;font-family:Outfit,sans-serif;display:flex}.page-num-now{color:var(--color-text-primary);font-size:20px;font-weight:800}.page-num-divider{color:var(--color-text-muted);font-size:14px}.page-num-total{color:var(--color-text-secondary);font-size:14px;font-weight:500}.thumbnail-drawer{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);border-top:1px solid var(--glass-border);width:100%;box-shadow:var(--glass-shadow);z-index:110;padding:16px 24px;padding-bottom:calc(20px + env(safe-area-inset-bottom));transition:transform var(--transition-premium);flex-direction:column;display:flex;position:absolute;bottom:0;left:0}.thumbnail-drawer.hidden{pointer-events:none;transform:translateY(100%)}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drawer-title{letter-spacing:1px;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.thumbnail-strip-container{scrollbar-width:thin;scrollbar-color:var(--color-accent-purple) transparent;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.thumbnail-strip-container::-webkit-scrollbar{height:6px}.thumbnail-strip-container::-webkit-scrollbar-thumb{background-color:var(--color-accent-purple);border-radius:3px}.thumbnail-item{cursor:pointer;width:80px;height:113px;transition:all var(--transition-smooth);border:2px solid #ffffff1a;border-radius:6px;flex-shrink:0;position:relative;overflow:hidden}.thumbnail-item img{object-fit:cover;opacity:.6;width:100%;height:100%;transition:opacity .2s}.thumbnail-item-badge{color:#fff;background:#000c;border-radius:4px;padding:2px 6px;font-family:Outfit,sans-serif;font-size:10px;font-weight:700;position:absolute;bottom:4px;left:4px}.thumbnail-item:hover{border-color:#fff6;transform:scale(1.08)translateY(-4px)}.thumbnail-item:hover img{opacity:.9}.thumbnail-item.active{border-color:var(--color-accent-purple);transform:scale(1.05);box-shadow:0 0 12px #a855f780}.thumbnail-item.active img{opacity:1}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;width:100%;height:100%;transition:opacity var(--transition-smooth);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-content{border:1px solid var(--glass-border);width:90%;max-width:480px;box-shadow:var(--glass-shadow);transition:transform var(--transition-bounce);border-radius:16px;padding:24px;transform:scale(.9)}.modal-overlay.hidden .modal-content{transform:scale(.85)}.glassmorphism{-webkit-backdrop-filter:blur(25px)saturate(160%);background:#0e0e11d9}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-family:Outfit,Noto Sans JP,sans-serif;font-size:18px;font-weight:800}.shortcuts-table{border-collapse:collapse;width:100%;margin-top:10px}.shortcuts-table th,.shortcuts-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:12px}.shortcuts-table th{color:var(--color-text-muted);font-size:13px;font-weight:600}.shortcuts-table td{font-size:14px}kbd{color:#fff;background:#fafafa26;border:1px solid #fff3;border-radius:4px;padding:2px 8px;font-family:Courier New,Courier,monospace;font-size:12px;box-shadow:0 2px #0006}.hidden{display:none!important}@media (width>=769px){::-webkit-scrollbar{width:0;height:0}}@media (width<=768px){.manga-slide{padding:10px 5px}.spread-wrapper{flex-direction:column;gap:0}.spread-wrapper .page-container{width:100%;height:100%}.nav-tap-zone{width:25%}.zone-center{width:50%;left:25%}.nav-hint-arrow{display:none!important}.manga-hud-bar{padding:12px 16px}.manga-header-title{font-size:16px}.hud-text-btn .btn-label{display:none}.hud-text-btn{padding:8px 12px}.thumbnail-drawer{padding:12px 16px}.thumbnail-item{width:65px;height:92px}}@supports (padding:env(safe-area-inset-top)){.hud-top{padding-top:calc(12px + env(safe-area-inset-top))}.hud-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.thumbnail-drawer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}