:root{--primary-color:#6200ee;--primary-variant:#3700b3;--secondary-color:#03dac6;--background:#fff;--surface:#fff;--error:#b00020;--text-primary:#000000de;--text-secondary:#0009;--font-size-base:16px;--font-size-small:0.875rem;--font-size-medium:1rem;--font-size-large:1.25rem;--font-size-xlarge:1.5rem;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--bp-small:320px;--bp-medium:375px;--bp-large:428px;--touch-target-size:44px;--transition-fast:150ms;--transition-medium:300ms;--transition-slow:500ms}#root,body,html{font-size:16px;font-size:var(--font-size-base);height:100%;margin:0;overflow:hidden;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;color:#000000de;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:-webkit-fill-available;overflow-x:hidden;overflow-y:auto}html{height:-webkit-fill-available}.container{box-sizing:border-box;margin:0 auto;max-width:500px;padding:0 16px;padding:0 var(--spacing-md);width:100%}.text-small{font-size:.875rem;font-size:var(--font-size-small)}.text-medium{font-size:1rem;font-size:var(--font-size-medium)}.text-large{font-size:1.25rem;font-size:var(--font-size-large)}.text-xlarge{font-size:1.5rem;font-size:var(--font-size-xlarge)}.interactive-element{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-height:var(--touch-target-size);min-width:44px;min-width:var(--touch-target-size)}@media (max-width:320px){:root{--font-size-base:14px}}@media (min-width:321px) and (max-width:375px){:root{--font-size-base:15px}}@media (min-width:376px){:root{--font-size-base:16px}}@media screen and (orientation:portrait){.orientation-container{flex-direction:column}}@media screen and (orientation:landscape){.orientation-container{flex-direction:row}.limited-height{max-height:80vh}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0ms!important;transition-duration:.01ms!important}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;text-align:center}.App,.background-container{height:100%;overflow:hidden;width:100%}.background-container{left:0;position:absolute;top:0;z-index:1}.background-image{display:block;height:100vh;object-fit:cover;object-position:center;width:100%}.page-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain;position:relative;width:100%}.action-button{-webkit-tap-highlight-color:transparent;background-color:var(--primary-color);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:var(--font-size-medium);font-weight:500;min-height:var(--touch-target-size);min-width:calc(var(--touch-target-size)*2.5);padding:var(--spacing-sm) var(--spacing-lg);touch-action:manipulation;transition:background-color var(--transition-fast) ease,transform var(--transition-fast) ease}.action-button:active{background-color:var(--primary-variant);transform:scale(.98)}.content-container{box-sizing:border-box;margin:0 auto;max-width:500px;padding:var(--spacing-md);width:100%}.navbar{align-items:center;background-color:var(--surface);box-shadow:0 2px 4px #0000001a;display:flex;height:var(--touch-target-size);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);position:relative;z-index:10}.fullscreen-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.content-image{display:block;height:auto;margin:0 auto;max-width:100%}.loading-indicator{align-items:center;background-color:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:20}.loading-spinner{border-top:4px solid var(--primary-color);height:48px;width:48px}.error-message{background-color:#b000201a;border:1px solid var(--error);border-radius:4px;color:var(--error);margin:var(--spacing-md) 0;padding:var(--spacing-md);text-align:center}.central-image-container{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;pointer-events:all;position:absolute;right:0;top:0;width:100%;z-index:5}.central-image{height:auto;max-height:70vh;max-width:90%;object-fit:contain;width:auto}@media (max-width:320px){.content-container{padding:var(--spacing-sm)}.central-image{max-height:60vh}}@media screen and (orientation:landscape){.navbar{height:calc(var(--touch-target-size)*.8)}.action-button{font-size:var(--font-size-small)}.background-image{height:100vh;min-width:100%;width:auto}.central-image{max-height:80vh;max-width:80%}}.tap-target{align-items:center;display:flex;justify-content:center;min-height:var(--touch-target-size);min-width:var(--touch-target-size)}.tap-target+.tap-target{margin-left:var(--spacing-sm)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.clickable,a,button{transition:opacity var(--transition-fast) ease}.clickable:active,a:active,button:active{opacity:.7}.optimized-image-container{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.optimized-image{display:block;opacity:0;transition:opacity .3s ease-in-out}.optimized-image.loaded{opacity:1}.optimized-image-responsive{height:auto;max-width:100%}.optimized-image-fullwidth{width:100%}.background-container .optimized-image,.optimized-image-container.background-container .optimized-image{height:100vh;object-fit:cover;object-position:center;width:100%}@media screen and (orientation:landscape){.background-container .optimized-image,.optimized-image-container.background-container .optimized-image{height:100vh;min-width:100%;width:auto}}.optimized-image-placeholder{align-items:center;background-color:#0000000d;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.optimized-image-error{background-color:#ff00001a;border-radius:4px;color:#d32f2f;padding:20px;text-align:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#4cff00;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aspect-ratio-1-1{height:0;padding-bottom:100%;width:100%}.aspect-ratio-4-3{height:0;padding-bottom:75%;width:100%}.aspect-ratio-16-9{height:0;padding-bottom:56.25%;width:100%}@media (max-width:320px){.optimized-image-responsive{max-height:200px}}@media (min-width:321px) and (max-width:375px){.optimized-image-responsive{max-height:250px}}@media (min-width:376px){.optimized-image-responsive{max-height:300px}}.optimized-image-preload{height:1px;left:-9999px;opacity:0;position:absolute;top:-9999px;width:1px}@supports not (aspect-ratio:1/1){.aspect-ratio-1-1{padding-top:100%;position:relative}.aspect-ratio-4-3{padding-top:75%;position:relative}.aspect-ratio-16-9{padding-top:56.25%;position:relative}.aspect-ratio-1-1 .optimized-image,.aspect-ratio-16-9 .optimized-image,.aspect-ratio-4-3 .optimized-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}}.offline-fallback{-webkit-overflow-scrolling:touch;background-color:var(--background);box-sizing:border-box;height:100%;justify-content:center;overflow-y:auto;position:relative}.offline-fallback,.offline-message{align-items:center;display:flex;flex-direction:column;padding:var(--spacing-lg);width:100%}.offline-message{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:400px;text-align:center}.offline-icon{height:80px;margin-bottom:var(--spacing-md);position:relative;width:80px}.cloud{background-color:#95a5a6;border-radius:20px;height:40px;left:10px;position:absolute;top:10px;width:60px}.cloud:before{height:25px;left:10px;top:-10px;width:25px}.cloud:after,.cloud:before{background-color:#95a5a6;border-radius:50%;content:"";position:absolute}.cloud:after{height:20px;left:35px;top:-5px;width:20px}.cross{left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.cross,.cross:after{background-color:#e74c3c;height:5px;position:absolute;width:30px}.cross:after{content:"";left:0;top:0;transform:rotate(90deg)}.offline-fallback h2{color:var(--text-primary);font-size:var(--font-size-xlarge);margin:var(--spacing-md) 0}.offline-fallback p{color:var(--text-secondary);font-size:var(--font-size-medium);margin-bottom:var(--spacing-lg)}.available-pages{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-md);width:100%}.offline-fallback h3{color:var(--text-primary);font-size:var(--font-size-medium);margin-bottom:var(--spacing-md)}.offline-pages-list{list-style:none;margin:0;padding:0;text-align:left;width:100%}.offline-pages-list li{margin-bottom:var(--spacing-sm)}.offline-page-link{align-items:center;background-color:#0000000d;border-radius:8px;color:var(--primary-color);display:flex;min-height:var(--touch-target-size);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast) ease}.offline-page-link:active{background-color:#0000001a}.cache-percentage{color:var(--text-secondary);font-size:var(--font-size-small);margin-left:auto}.offline-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);width:100%}.home-button,.retry-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-medium);font-weight:500;justify-content:center;min-height:var(--touch-target-size);text-decoration:none;transition:background-color var(--transition-fast) ease,transform var(--transition-fast) ease}.retry-button{background-color:var(--primary-color);color:#fff}.home-button{background-color:#f1f1f1;color:var(--text-primary)}.home-button:active,.retry-button:active{transform:scale(.98)}@media (max-width:320px){.offline-fallback h2{font-size:var(--font-size-large)}.offline-fallback p{font-size:var(--font-size-small)}.offline-actions{flex-direction:column;gap:var(--spacing-sm)}.offline-icon{height:60px;width:60px}.offline-message{padding:var(--spacing-md)}}@media (min-width:768px){.offline-message{padding:var(--spacing-xl)}}@media screen and (orientation:landscape){.offline-actions{flex-direction:row}.offline-message{max-width:500px}}.offline-notification{align-items:center;animation:slide-up var(--transition-medium) ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#000c;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:var(--font-size-small);justify-content:space-between;left:50%;max-width:90%;padding:var(--spacing-sm) var(--spacing-lg);position:fixed;transform:translateX(-50%);width:auto;z-index:1000}.offline-notification-info{border-left:4px solid #3498db}.offline-notification-warning{border-left:4px solid #f39c12}.offline-notification-error{border-left:4px solid var(--error)}.notification-message{flex:1 1;margin-right:var(--spacing-md)}.notification-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;opacity:.7;padding:0;transition:opacity var(--transition-fast) ease;width:24px}.notification-close:focus,.notification-close:hover{opacity:1}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.data-saving-mode .background-image,.data-saving-mode .large-image{filter:blur(0)!important;transition:none!important}.data-saving-mode *{animation-duration:.01ms!important;transition-duration:.01ms!important}.data-saving-mode video{max-resolution:480p}.connection-status-indicator{border-radius:50%;height:12px;position:fixed;right:var(--spacing-sm);top:var(--spacing-sm);width:12px;z-index:1001}.connection-status-online{background-color:#2ecc71;box-shadow:0 0 8px #2ecc7199}.connection-status-offline{background-color:#e74c3c;box-shadow:0 0 8px #e74c3c99}@media (max-width:320px){.offline-notification{font-size:calc(var(--font-size-small) - 1px);padding:var(--spacing-xs) var(--spacing-md)}}@media (min-width:768px){.offline-notification{max-width:500px}}@media screen and (orientation:landscape){.offline-notification{bottom:var(--spacing-sm)}}
/*# sourceMappingURL=main.90156385.css.map*/