.flipbook-app{flex-direction:column;width:100%;height:100%;display:flex}.toolbar{background:var(--toolbar);z-index:10;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.app-title{color:var(--accent);font-size:1.1rem;font-weight:700}.page-info{color:var(--text2);font-variant-numeric:tabular-nums;font-size:.95rem}.toolbar-controls{align-items:center;gap:8px;display:flex}.toolbar button{color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:8px 14px;font-size:.9rem;transition:background .2s;display:inline-flex}.toolbar button:hover{background:#ffffff24}.zoom-level{color:var(--text2);text-align:center;min-width:44px;font-size:.85rem}.viewport{background:radial-gradient(ellipse at center, #1e2340 0%, var(--bg) 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.nav-arrow{z-index:20;color:var(--text);cursor:pointer;opacity:.6;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s,opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{opacity:1;background:#ffffff29}.nav-arrow:disabled{opacity:.2;cursor:default;pointer-events:none}.nav-arrow.left{left:16px}.nav-arrow.right{right:16px}.book-canvas{cursor:pointer;border-radius:4px;display:block;box-shadow:0 8px 40px #00000080}.bottom-bar{background:var(--toolbar);border-top:1px solid #ffffff0f;flex-shrink:0;padding:12px 100px}.page-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:100%;height:4px}.page-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}.page-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.loading-overlay{z-index:100;background:#1a1a2eeb;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:var(--text2);font-size:.95rem}@media (width<=768px){.nav-arrow{width:40px;height:40px}.nav-arrow.left{left:8px}.nav-arrow.right{right:8px}.bottom-bar{padding:10px 20px}.toolbar{padding:8px 12px}.toolbar button{padding:6px 10px;font-size:.8rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a2e;--bg2:#16213e;--text:#e6e6e6;--text2:#a8a8b8;--accent:#e94560;--toolbar:#16213ef2}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}