*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.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}:root{--accent: #D32127;--accent-light: #fff0f0;--accent-mid: #f5a0a3;--text: #1a1a2e;--muted: #6b7280;--border: #e5e7eb;--bg: #000000;--white: #ffffff;--radius: 10px;--shadow-book: 0 24px 64px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.2)}html,body,#root{height:100%;width:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.app-root{min-height:100vh;width:100%;display:flex;flex-direction:column}.app-main{flex:1;width:100%;min-height:100vh;padding:32px 16px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 0}.loading-book{width:56px;height:44px}.book-anim{position:relative;width:56px;height:44px}.book-page{position:absolute;bottom:0;width:26px;height:38px;border-radius:2px 8px 8px 2px;background:var(--accent-mid);transform-origin:left center}.book-page.p1{left:14px;animation:flipPage 1.4s ease-in-out infinite;opacity:.4}.book-page.p2{left:14px;animation:flipPage 1.4s ease-in-out .15s infinite;opacity:.65}.book-page.p3{left:14px;animation:flipPage 1.4s ease-in-out .3s infinite;opacity:.9}@keyframes flipPage{0%{transform:rotateY(0)}40%{transform:rotateY(-70deg)}60%{transform:rotateY(-70deg)}to{transform:rotateY(0)}}.loading-label{font-size:15px;color:#aaa;font-weight:500}.progress-bar-wrap{width:200px;height:4px;background:#333;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-mid),var(--accent));border-radius:2px;transition:width .3s}.progress-text{font-size:13px;color:var(--accent);font-weight:600}.error-box{text-align:center;padding:48px;display:flex;flex-direction:column;align-items:center;gap:16px}.error-box p{font-size:15px;color:#f87171}.book-area{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.book-chrome{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;flex-shrink:0}.flipbook-sized{flex-shrink:0}.catalog-flipbook{box-shadow:var(--shadow-book)!important;border-radius:4px}.controls{display:flex;align-items:center;gap:20px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:40px;padding:8px 20px}.ctrl-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid #333;background:transparent;color:#ccc;cursor:pointer;transition:all .15s}.ctrl-btn:hover:not(:disabled){background:#d3212726;border-color:var(--accent);color:var(--accent)}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#eee;min-width:70px;justify-content:center}.page-sep{color:var(--muted)}.thumbnails{display:flex;gap:8px;overflow-x:auto;padding:8px 4px 12px;max-width:100%;scrollbar-width:thin;scrollbar-color:#333 transparent}.thumb-btn{flex-shrink:0;width:60px;border-radius:6px;border:2px solid transparent;overflow:hidden;cursor:pointer;background:#1a1a1a;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;transition:border-color .15s;outline:none}.thumb-btn:hover{border-color:var(--accent-mid)}.thumb-btn.active{border-color:var(--accent)}.thumb-btn:focus-visible{border-color:var(--accent)}.thumb-btn img{width:100%;height:80px;object-fit:cover;display:block}.thumb-placeholder{width:100%;height:80px;background:#222}.thumb-num{font-size:10px;color:var(--muted);padding-bottom:3px}.btn-download{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:13px 32px;font-size:14px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .2s,transform .15s;text-decoration:none;margin-top:8px}.btn-download:hover{background:#b01c21;transform:translateY(-2px)}.btn-download:active{transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}.mobile-catalog{display:flex;flex-direction:column;align-items:center;width:100%;gap:0;padding-bottom:24px}.mobile-page-wrap{position:relative;width:100%;max-width:500px;overflow:hidden;border-radius:10px;box-shadow:var(--shadow-book);background:#fff;touch-action:pan-y;-webkit-user-select:none;user-select:none;aspect-ratio:210 / 297}.mobile-page{width:100%;height:100%;will-change:transform}.mobile-page img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.mobile-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#aaa;font-size:14px}.swipe-hint{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;transition:opacity .1s}.swipe-hint.left{left:0;background:linear-gradient(to right,rgba(211,33,39,.15),transparent)}.swipe-hint.right{right:0;background:linear-gradient(to left,rgba(211,33,39,.15),transparent)}.mobile-controls{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;padding:14px 8px 10px;gap:12px}.mobile-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid #333;background:#1a1a1a;color:#ccc;cursor:pointer;transition:all .15s;touch-action:manipulation;flex-shrink:0}.mobile-btn:active:not(:disabled){background:#d3212726;border-color:var(--accent);transform:scale(.94)}.mobile-btn:disabled{opacity:.25;cursor:not-allowed}.mobile-page-info{font-size:15px;font-weight:500;color:#eee;display:flex;gap:5px;align-items:center}.mobile-page-info span{color:var(--muted);font-weight:400}.mobile-progress-track{width:100%;max-width:500px;height:3px;background:#222;border-radius:2px;overflow:hidden;margin-bottom:16px}.mobile-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-mid),var(--accent));border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1)}.mobile-thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 8px;width:100%;max-width:500px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-thumbs::-webkit-scrollbar{display:none}.mobile-thumb{flex-shrink:0;width:52px;border-radius:6px;border:2px solid transparent;overflow:hidden;cursor:pointer;background:#1a1a1a;padding:0;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 4px #0000004d;transition:border-color .15s,transform .15s;touch-action:manipulation}.mobile-thumb:active{transform:scale(.94)}.mobile-thumb.active{border-color:var(--accent)}.mobile-thumb img{width:100%;height:72px;object-fit:cover;display:block}.mobile-thumb-placeholder{width:100%;height:72px;background:#222}.spin{width:28px;height:28px;border:2.5px solid #333;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@media (max-width: 600px){.app-main{padding:16px 12px 40px}.controls{gap:12px;padding:6px 14px}.thumb-btn{width:48px}.thumb-btn img,.thumb-placeholder{height:64px}.btn-download{width:100%;max-width:500px;justify-content:center}}@media (max-width: 767px){.app-main{padding:16px 12px 40px}}@media (min-width: 768px){.app-main{height:100vh;max-height:100vh;padding:18px 16px;overflow:hidden}.book-area{flex:1 1 auto;min-height:0;max-height:100%;gap:12px;justify-content:center}.book-chrome{gap:12px}.flipbook-wrap{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.thumbnails,.controls,.btn-download{flex-shrink:0}}@media (min-width: 768px) and (max-height: 820px){.app-main{padding:12px 16px}.book-area,.book-chrome{gap:8px}.controls{padding:6px 16px;gap:14px}.thumbnails{padding:4px 4px 6px}.thumb-btn{width:46px}.thumb-btn img,.thumb-placeholder{height:60px}.btn-download{padding:10px 26px;font-size:13px;margin-top:2px}}.catalog-page-img{cursor:zoom-in}.magnifier-lens{pointer-events:none;border-radius:50%;border:3px solid var(--accent);box-shadow:0 8px 24px #00000073,0 0 0 6px #ffffffe6 inset;background-color:#fff;z-index:9999}