:root{--bg: #141414;--bg-2: #1d1d1d;--line: rgba(255, 255, 255, .08);--text: #f2f2f2;--muted: #9a9a9a;--red: #d71a21;--red-hover: #ef2a31;--font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(ellipse at 50% 30%,#262626 0%,var(--bg) 65%);background-color:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-root{height:100%;display:flex;flex-direction:column}.app-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:20px 24px 18px}.book-area{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:14px;justify-content:center}.flipbook-wrap{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 56px}.flipbook-sized{position:relative;flex:0 0 auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}.flipbook{margin:0 auto}.page{background:#111;overflow:hidden}.page-img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:zoom-in}.side-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#00000073;color:var(--text);display:grid;place-items:center;cursor:pointer;z-index:5;transition:background .2s,opacity .2s,border-color .2s}.side-prev{left:0}.side-next{right:0}.side-nav:hover:not(:disabled){background:var(--red);border-color:var(--red)}.side-nav:disabled{opacity:.2;cursor:default}.book-chrome{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.controls,.m-controls{display:flex;align-items:center;gap:14px}.ctrl-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--bg-2);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}.ctrl-btn:hover:not(:disabled){background:var(--red);border-color:var(--red)}.ctrl-btn:disabled{opacity:.3;cursor:default}.page-info{min-width:78px;text-align:center;font-size:14px;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}.page-sep{margin:0 6px;color:var(--muted)}.thumbnails{display:flex;gap:8px;max-width:min(100%,1100px);overflow-x:auto;padding:4px 4px 8px;scrollbar-width:thin;scrollbar-color:#444 transparent}.thumbnails::-webkit-scrollbar{height:6px}.thumbnails::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.thumb-btn{position:relative;flex:0 0 auto;width:46px;height:65px;padding:0;border:2px solid transparent;border-radius:4px;background:#000;overflow:hidden;cursor:pointer;opacity:.55;transition:opacity .2s,border-color .2s,transform .2s}.thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}.thumb-btn:hover{opacity:.9;transform:translateY(-2px)}.thumb-btn.active{opacity:1;border-color:var(--red)}.thumb-num{position:absolute;right:2px;bottom:2px;font-size:9px;font-weight:700;line-height:1;padding:2px 3px;border-radius:2px;background:#000000b3;color:#fff}.btn-download{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:0;border-radius:999px;background:var(--red);color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 6px 18px #d71a2159;transition:background .2s,transform .2s}.btn-download:hover{background:var(--red-hover);transform:translateY(-1px)}.magnifier-lens{position:fixed;left:0;top:0;z-index:9999;border-radius:50%;border:3px solid #fff;box-shadow:0 10px 30px #0000008c,0 0 0 1px #0000004d;background-color:#111;background-repeat:no-repeat;pointer-events:none;will-change:transform}@media (max-height: 820px){.app-main{padding:12px 20px}.book-area{gap:10px}.book-chrome{gap:8px}.thumb-btn{width:38px;height:54px}.btn-download{padding:9px 18px;font-size:13px}}@media (max-height: 640px){.thumbnails{display:none}}@media (max-width: 767px){body{overflow:auto}.app-main{padding:16px 0 20px;gap:14px;align-items:center}.m-catalog{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.m-track{width:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.m-track::-webkit-scrollbar{display:none}.m-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;justify-content:center;padding:0 16px}.m-slide img{width:100%;max-width:520px;max-height:calc(100svh - 190px);aspect-ratio:1241 / 1754;object-fit:contain;background:#111;border-radius:4px;box-shadow:0 12px 30px #00000080}.m-hint{margin:0;font-size:12px;color:var(--muted)}}