.filter-container.svelte-fnt9m4{z-index:20;position:fixed;bottom:1.5rem;right:1.5rem}.filter-toggle.svelte-fnt9m4{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f60 0%,#ff8533 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 18px #ff660059}.filter-toggle.svelte-fnt9m4:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 10px 24px #ff660073}.filter-menu.svelte-fnt9m4{background:#2a2a2a;border:1px solid #ffffff1a;border-radius:8px;width:200px;position:absolute;bottom:68px;right:0;overflow:hidden;box-shadow:0 10px 30px #0006}.filter-menu.svelte-fnt9m4 ul:where(.svelte-fnt9m4){margin:0;padding:.5rem;list-style:none}.filter-menu.svelte-fnt9m4 li:where(.svelte-fnt9m4) button:where(.svelte-fnt9m4){color:#f5f5f5;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:background .2s}.filter-menu.svelte-fnt9m4 li:where(.svelte-fnt9m4) button:where(.svelte-fnt9m4):hover{background:#3a3a3a}.filter-menu.svelte-fnt9m4 li:where(.svelte-fnt9m4) button.active:where(.svelte-fnt9m4){color:#fff;background:#f60;font-weight:600}.hidden.svelte-1arex6o{opacity:0!important;pointer-events:none!important}.viewer.svelte-1arex6o{color:#f5f5f5;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-layer.svelte-1arex6o{touch-action:none;cursor:grab;width:100%;height:100%;position:relative}.canvas-layer.dragging.svelte-1arex6o{cursor:grabbing}.canvas-layer.svelte-1arex6o:focus-visible{outline-offset:3px;outline:2px solid #f60}canvas.svelte-1arex6o{width:100%;height:100%;cursor:inherit;display:block}canvas.loading.svelte-1arex6o{filter:blur(2px)}.canvas-layer.svelte-1arex6o .loading-overlay:where(.svelte-1arex6o){text-align:center;background:#0c0c0ceb;border:1px solid #ffffff14;border-radius:10px;padding:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0006}.loading-spinner.svelte-1arex6o{border:4px solid #ffffff26;border-top-color:#f60;border-radius:50%;width:36px;height:36px;margin:0 auto .75rem;animation:1s linear infinite svelte-1arex6o-spin}.help-overlay.svelte-1arex6o{color:#d9d9d9;pointer-events:none;opacity:1;background:#0c0c0cd9;border:1px solid #ffffff14;border-radius:999px;padding:.6rem 1rem;font-size:.75rem;transition:opacity .25s;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000073}.help-overlay.hidden.svelte-1arex6o{opacity:0}@keyframes svelte-1arex6o-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-viewer.svelte-brb0jn{color:#f5f5f5;touch-action:pan-y;background:#000;width:100vw;height:100vh;position:relative;overflow-y:auto}.pages.svelte-brb0jn{margin:0 auto}.page-wrapper.svelte-brb0jn{width:100%}.page-wrapper.svelte-brb0jn img:where(.svelte-brb0jn){width:100%;height:auto;display:block}.page-placeholder.svelte-brb0jn{color:#555;background:#111;border-bottom:1px solid #1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:126vw;display:flex}.page-placeholder.error.svelte-brb0jn{color:#c0392b}.page-number.svelte-brb0jn{opacity:.4;font-size:2rem;font-weight:300}.loading-spinner.svelte-brb0jn{border:4px solid #ffffff26;border-top-color:#f60;border-radius:50%;width:36px;height:36px;animation:1s linear infinite svelte-brb0jn-spin}@keyframes svelte-brb0jn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reader-shell.svelte-1t4ac0p{color:#f5f5f5;background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.overlay-top.svelte-1t4ac0p{z-index:10;pointer-events:none;opacity:1;background:linear-gradient(#000000d9 0%,#0000 100%);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:opacity .25s;display:flex;position:absolute;top:0;left:0;right:0}.overlay-top.svelte-1t4ac0p>:where(.svelte-1t4ac0p){pointer-events:auto}.overlay-top.hidden.svelte-1t4ac0p{opacity:0}.overlay-top.hidden.svelte-1t4ac0p,.overlay-top.hidden.svelte-1t4ac0p :where(.svelte-1t4ac0p){pointer-events:none!important}.back-button.svelte-1t4ac0p{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#f60 0%,#ff8533 100%);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 6px 18px #ff660059}.back-button.svelte-1t4ac0p .arrow:where(.svelte-1t4ac0p){font-size:1.1rem;line-height:1}.back-button.svelte-1t4ac0p:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 24px #ff660073}.back-button.svelte-1t4ac0p:disabled{opacity:.7;cursor:progress;box-shadow:none}.header.svelte-1t4ac0p{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.title-block.svelte-1t4ac0p{flex-direction:column;gap:.3rem;min-width:0;display:flex}.title-block.svelte-1t4ac0p h2:where(.svelte-1t4ac0p){color:#ff8533;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.1rem;font-weight:600;overflow:hidden}.page-info.svelte-1t4ac0p{color:#d1d1d1;font-size:.9rem}.controls.svelte-1t4ac0p{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.controls.svelte-1t4ac0p button:where(.svelte-1t4ac0p){color:#f5f5f5;cursor:pointer;background:#1f1f1f;border:1px solid #2f2f2f;border-radius:6px;padding:.5rem 1rem;transition:background .2s,border-color .2s,transform .2s}.controls.svelte-1t4ac0p button:where(.svelte-1t4ac0p):hover:not(:disabled){background:#292929;border-color:#3a3a3a;transform:translateY(-1px)}.controls.svelte-1t4ac0p button:where(.svelte-1t4ac0p):disabled{opacity:.4;cursor:not-allowed;transform:none}.controls.svelte-1t4ac0p select:where(.svelte-1t4ac0p){color:#f5f5f5;background:#1f1f1f;border:1px solid #2f2f2f;border-radius:6px;padding:.5rem}.zoom-controls.svelte-1t4ac0p{background:#151515;border:1px solid #1f1f1f;border-radius:8px;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex;box-shadow:inset 0 0 12px #ffffff0d}.zoom-level.svelte-1t4ac0p{color:#ff8533;text-align:center;min-width:50px;font-size:.85rem;font-weight:600}.mode-toggle.svelte-1t4ac0p{white-space:nowrap}@media (width<=768px){.controls.svelte-1t4ac0p{gap:.6rem}.controls.svelte-1t4ac0p button:where(.svelte-1t4ac0p){padding:.45rem .75rem}.zoom-controls.svelte-1t4ac0p{display:none}}.error-overlay.svelte-brg3ig,.loading-overlay.svelte-brg3ig,.file-reload-overlay.svelte-brg3ig{z-index:1000;color:#fff;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.error-content.svelte-brg3ig,.loading-content.svelte-brg3ig,.file-reload-content.svelte-brg3ig{text-align:center;background:#2a2a2a;border-radius:8px;width:90%;max-width:400px;padding:2rem}.loading-spinner.svelte-brg3ig{border:4px solid #444;border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite svelte-brg3ig-spin}@keyframes svelte-brg3ig-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-reload-actions.svelte-brg3ig{flex-direction:column;gap:1rem;margin:1.5rem 0;display:flex}#file-reload-input.svelte-brg3ig{display:none}.file-select-button.svelte-brg3ig{background:var(--color-primary);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;display:inline-block}.file-select-button.svelte-brg3ig:hover{background:var(--color-primary-hover)}.cancel-button.svelte-brg3ig{color:#fff;cursor:pointer;background:#666;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem}.cancel-button.svelte-brg3ig:hover{background:#777}.no-comic.svelte-brg3ig{color:#fff;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}button.svelte-brg3ig{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:.75rem 1.5rem}button.svelte-brg3ig:hover{background:var(--color-primary-hover)}