*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background:#f8f9fa}#root{min-height:100vh}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;cursor:pointer;outline:none;transition:all .3s ease}button:focus-visible{outline:2px solid #3498db;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:#3498db;text-decoration:none;transition:color .3s ease}a:hover{color:#2980b9;text-decoration:underline}img{max-width:100%;height:auto;display:block}canvas{display:block;max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}@media (prefers-color-scheme: dark){body{background:#1a1a1a;color:#e0e0e0}.catalog-viewer{background:#2d2d2d;color:#e0e0e0}.controls-top,.controls-bottom{background:#3a3a3a;border-color:#4a4a4a}.view-toggle button,.zoom-controls,.page-info{background:#2d2d2d;color:#e0e0e0}.list-page{background:#2d2d2d}.page-number{background:#3498db}.page-canvas{background:#3a3a3a}}@media print{.controls-top,.controls-bottom{display:none}.catalog-viewer{box-shadow:none;border-radius:0}.list-view{padding:0}.list-page{box-shadow:none;border:1px solid #ccc;margin-bottom:1rem;page-break-inside:avoid}}.c-flipbook{perspective:2200px;transform-style:preserve-3d;opacity:1;height:200px;position:absolute;left:0;transition:left .7s;top:0}.c-flipbook.at-front-cover{left:-25%}.c-flipbook.at-rear-cover{left:25%}.c-flipbook:not(.is-ready) *{transition:none!important}.c-flipbook:after{content:"";display:table;clear:both}.c-flipbook[data-useragent*="MSIE 10.0"] .c-flipbook__page{opacity:0}.c-flipbook[data-useragent*="MSIE 10.0"] .c-flipbook__page.is-active{transition:opacity .9s ease,transform .9s ease;opacity:1}.c-flipbook[data-useragent*="MSIE 10.0"] .c-flipbook__page.was-active{transition-delay:2s;transition:opacity .9s ease,transform .9s ease;opacity:0}.is-calling{transform:rotateY(-20deg)!important}.c-flipbook__page{cursor:pointer;overflow:hidden;position:absolute;width:50%;background:#efeef4;backface-visibility:hidden;transform:rotateY(0);-webkit-user-select:none;user-select:none;transition:transform .9s ease}.c-flipbook__page.is-active{z-index:2}.c-flipbook__page.was-active{z-index:1}.c-flipbook__page.is-animating:nth-child(odd){z-index:4}.c-flipbook__page.is-animating:nth-child(odd)~.c-flipbook__page.is-animating{z-index:3}.c-flipbook__page.is-animating+.c-flipbook__page:not(.is-animating):nth-child(odd){z-index:1}.c-flipbook__page:nth-child(2n){transform-origin:100%;left:0;border-radius:6px 0 0 6px}.c-flipbook__page:nth-child(2n).is-active{transform:rotateY(10deg)}.c-flipbook__page:nth-child(2n).is-active:hover{transform:rotateY(15deg)}.c-flipbook__page:nth-child(2n):not(.last-page){border-right:none}.c-flipbook__page:nth-child(2n).is-active:hover{transform:rotateY(5deg)}.c-flipbook__page:nth-child(odd){transform-origin:0;right:0;transform:rotateY(-180deg);border-radius:0 6px 6px 0}.c-flipbook__page:nth-child(odd).is-active{transform:rotateY(-10deg)}.c-flipbook__page:nth-child(odd).is-active:hover{transform:rotateY(-15deg)}.c-flipbook__page:nth-child(odd):not(.first-page){border-left:none}.c-flipbook__page:nth-child(odd).is-active~.c-flipbook__page:nth-child(2n){transform:rotateY(180deg)}.c-flipbook__page:nth-child(odd).is-active~.c-flipbook__page:nth-child(odd){transform:rotateY(0)}.c-flipbook__page:nth-child(odd).is-active:hover{transform:rotateY(-5deg)}.c-flipbook__page.is-active:not(:hover){transform:rotateY(0)}.c-flipbook__page:before{content:"";position:absolute;z-index:3;right:0;width:100%;height:100%;background-size:100% 100%}.no-csstransforms3d .c-flipbook__page{display:none}.no-csstransforms3d .c-flipbook__page.is-active{display:block;position:relative;float:left}.c-flipbook-image{position:relative;z-index:2;height:auto;width:100%;display:block;pointer-events:none}.c-flipbook__page .ss-loading{font-size:2rem;position:absolute;z-index:1;top:0;bottom:0;width:100%;display:flex}.c-flipbook__page .ss-loading:before{display:flex;align-items:center;justify-content:center;width:100%}@supports (transition:transform .9s ease) and (not (-ms-ime-align:auto)){.c-flipbook__page{transition:transform .9s ease}}.App{min-height:100vh;width:100vw;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0;padding:0;overflow:hidden}.catalog-viewer{width:100%;height:100vh;margin:0;padding:0;background:transparent;overflow:hidden;position:relative}.catalog-viewer.loading,.catalog-viewer.error{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{text-align:center;color:#7f8c8d}.spinner{width:50px;height:50px;border:4px solid #ecf0f1;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-message{text-align:center;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a;max-width:400px}.error-message h2{color:#e74c3c;margin-bottom:1rem}.error-message button{background:#e74c3c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background .3s ease}.error-message button:hover{background:#c0392b}.catalog-container,.flipbook-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:transparent;position:relative;padding:0;margin:0}.flipbook-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.loading-progress{font-size:.9rem;color:#7f8c8d;margin-top:.5rem}.c-flipbook{box-shadow:0 15px 50px #0003;border-radius:10px;overflow:hidden;margin:0 auto;position:relative}.c-flipbook__page{display:flex;justify-content:center;align-items:center;background:transparent!important;padding:0;margin:0}.c-flipbook__page canvas{display:block;width:auto!important;height:90vh!important;min-width:300px!important;max-width:50vw!important;max-height:90vh!important;object-fit:contain!important;border-radius:8px;box-shadow:0 10px 25px #00000059;background:transparent!important}.c-flipbook__spread{background:transparent!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important}.c-flipbook__spread{gap:5px!important}.c-flipbook:not(.c-flipbook--spread) .c-flipbook__page canvas,.c-flipbook.at-front-cover .c-flipbook__page canvas{max-width:40vw!important;min-width:350px!important;margin:0 auto!important}.c-flipbook.at-front-cover,.c-flipbook.at-front-cover .c-flipbook__page{margin-right:0!important;padding-right:0!important}#flipbook-container{display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:100vw;min-width:60vw!important;max-height:90vh!important;overflow:hidden}.c-flipbook{background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;overflow:visible!important}.flipbook-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important}@media (max-width: 1049px){#flipbook-container{width:90vw!important;max-width:90vw!important;min-width:90vw!important}.c-flipbook .c-flipbook__page:nth-child(2n){display:none!important}.c-flipbook .c-flipbook__page:nth-child(odd) canvas{width:100%!important;max-width:100%!important}}@media (max-width: 768px){#flipbook-container{width:95vw!important;max-width:95vw!important;min-width:95vw!important}.c-flipbook.c-flipbook--closed .c-flipbook__page canvas,.c-flipbook[data-state=closed] .c-flipbook__page canvas{max-width:95vw!important;max-height:80vh!important}}.slider-catalog{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:transparent;position:fixed;top:0;left:0;overflow:hidden;touch-action:pan-x;padding:20px;box-sizing:border-box}.slider-catalog.loading{justify-content:center;align-items:center}.loading-spinner{text-align:center;color:#666}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slider-catalog.error,.slider-catalog.empty{justify-content:center;align-items:center;color:#e74c3c;font-size:18px}.slider-container{position:relative;width:100%;height:100%;overflow:hidden}.pages-container{width:100%;height:100%;overflow:hidden;position:relative}.pages-wrapper{display:flex;height:100%;transition:transform .18s cubic-bezier(.25,.46,.45,.94)}.page-slide{flex-shrink:0;height:100%;display:flex;justify-content:center;align-items:center;background:transparent}.page-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0}.page-image{width:100%;height:100%;object-fit:contain;display:block;image-rendering:auto}@media (max-width: 480px){.slider-catalog,.slider-container{width:100vw;height:100vh}}