@media screen and (width<=900px) and (orientation:portrait){body{width:100svw;height:100svh;margin:0;padding:0;overflow:hidden}.pages.svelte-1vy0nc{height:100svw!important;width:unset!important;max-width:100svh!important}.reader.svelte-1vy0nc{transform-origin:0 0;position:absolute;top:0;left:100svw;transform:rotate(90deg);width:100svh!important;height:100svw!important;position:absolute!important}}.reader.svelte-1vy0nc{cursor:pointer;touch-action:none;background:#050505;width:100svw;height:100svh;position:relative;overflow:hidden}.progress-bar-container.svelte-1vy0nc{z-index:100;pointer-events:none;background:#000c;border-radius:8px;flex-direction:column;gap:.5rem;padding:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.progress-bar.svelte-1vy0nc{background:#333;border-radius:3px;width:150px;height:6px;overflow:hidden}.progress-fill.svelte-1vy0nc{background:#fff;height:100%;transition:width .2s ease-out}.progress-text.svelte-1vy0nc{color:#fff;font-size:.8rem}.view-container.svelte-1vy0nc{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.spread-wrapper.svelte-1vy0nc{transform-origin:50%;max-width:100%;max-height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.pages.svelte-1vy0nc{perspective:2000px;max-width:100svw;height:100svh;display:flex}.page-turn-anim.svelte-1vy0nc{transform-origin:0;transform-style:preserve-3d;will-change:transform, opacity;backface-visibility:hidden;animation:.8s ease-in-out forwards svelte-1vy0nc-pageFlip}@keyframes svelte-1vy0nc-pageFlip{0%{opacity:0;transform:rotateY(90deg)}50%{opacity:1}to{opacity:1;transform:rotateY(0)}}.page-img.svelte-1vy0nc{object-fit:contain;backface-visibility:hidden;height:100%;transform:translateZ(0)}.overlay.svelte-1vy0nc{pointer-events:none;background:#000;transition:opacity .6s cubic-bezier(.25,1,.5,1),clip-path .6s cubic-bezier(.25,1,.5,1);position:absolute;inset:0}.badge.svelte-1vy0nc{color:#fff;text-align:center;pointer-events:none;z-index:50;background:#000c;border-radius:8px;padding:1rem 2rem;animation:.5s ease-out svelte-1vy0nc-slideUp;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes svelte-1vy0nc-slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.badge.svelte-1vy0nc h1:where(.svelte-1vy0nc){margin:0;font-size:1.5rem}.badge.svelte-1vy0nc p:where(.svelte-1vy0nc){color:#aaa;margin:0}.nav-button.svelte-1vy0nc{color:#fff;cursor:pointer;z-index:100;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:8px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-button.svelte-1vy0nc:hover{background:#000c;transform:translateY(-50%)scale(1.1)}.nav-button.svelte-1vy0nc svg:where(.svelte-1vy0nc){width:100%;height:100%}.prev-button.svelte-1vy0nc{left:1rem}.next-button.svelte-1vy0nc{right:1rem}