.comic-viewer.svelte-1kc183r{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#e3eef9,#d4e4f7,#c5d9f2);position:relative}.comic-viewer.svelte-1kc183r:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.image-container.svelte-1kc183r{position:relative;width:100%;max-width:1200px;max-height:70vh;display:flex;justify-content:center;align-items:center;margin-bottom:2rem;z-index:2}.comic-image.svelte-1kc183r{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #0003}.loading-indicator.svelte-1kc183r{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#f59e0b;font-weight:600;animation:svelte-1kc183r-pulse 1.5s ease-in-out infinite}@keyframes svelte-1kc183r-pulse{0%,to{opacity:1}50%{opacity:.5}}.controls.svelte-1kc183r{display:flex;gap:2rem;align-items:center;justify-content:center;flex-wrap:wrap;z-index:2;padding:0 1.5rem 1.5rem}.nav-button.svelte-1kc183r{width:3rem;height:3rem;padding:0;padding-bottom:.15rem;font-size:2rem;font-weight:400;background:#a8c5e3;color:#2d4a6b;border:3px solid #7ba3cc;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center;line-height:.85}.nav-button.svelte-1kc183r:hover:not(:disabled){background:#7ba3cc;transform:scale(1.1);box-shadow:0 6px 12px #00000026}.nav-button.svelte-1kc183r:active:not(:disabled){transform:scale(1.05)}.nav-button.svelte-1kc183r:disabled{opacity:.3;cursor:not-allowed}.dot-indicator.svelte-1kc183r{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:1rem .5rem}.dot.svelte-1kc183r{width:8px;height:8px;border-radius:50%;background:#2d4a6b4d;transition:all .3s ease;cursor:pointer;border:none;padding:0;outline-offset:2px}.dot.svelte-1kc183r:hover:not(.active){background:#2d4a6b80;transform:scale(1.2)}.dot.active.svelte-1kc183r{background:#5b8ab8;transform:scale(1.4);box-shadow:0 0 8px #5b8ab880;cursor:default}.slideshow-button.svelte-1kc183r{width:3rem;min-width:3rem;height:3rem;padding:0;font-size:1.2rem;background:#a8c5e3cc;color:#2d4a6b;border:2px solid #7ba3cc;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.slideshow-button.svelte-1kc183r:hover{background:#a8c5e3;transform:scale(1.05)}@media(max-width:768px){.comic-viewer.svelte-1kc183r{padding:1rem}.image-container.svelte-1kc183r,.comic-image.svelte-1kc183r{max-height:60vh}.controls.svelte-1kc183r{gap:1rem}.nav-button.svelte-1kc183r{width:2.5rem;height:2.5rem;font-size:1.5rem}.dot-indicator.svelte-1kc183r{gap:.4rem;padding:.75rem .5rem}.dot.svelte-1kc183r{width:6px;height:6px}.dot.active.svelte-1kc183r{transform:scale(1.3)}}