html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #e5edf2; color: #17374a; font-family: Arial, sans-serif; }
* { box-sizing: border-box; }
#magazine-reader { position: relative; width: 100%; height: 100%; }
.loading { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; font-size: 14px; }
.loading-symbol { display: grid; place-items: center; width: 58px; height: 72px; border: 1px solid #7da7ba; border-radius: 3px; color: #006581; font-size: 21px; font-weight: bold; background: #f8fbfd; box-shadow: 5px 5px 0 #a9c2d1; }
.fallback { max-width: 440px; padding: 30px; margin: auto; line-height: 1.6; text-align: center; }
[role="button"]:focus-visible, input:focus-visible { outline: 3px solid #006581; outline-offset: 3px; }
.flipbook-currentPageHolder { background: #214657 !important; }
.flipbook-menu-btn { touch-action: manipulation; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }