.desktop-toolbar button:hover,.language-switcher{background:#f1f5f9}*,body,html{font-family:Arial,Helvetica,sans-serif;margin:0}#pageInput,.loader-card,.loader-content{text-align:center}*{box-sizing:border-box;padding:0}body,html{width:100%;height:100%;overflow:hidden}body{background:linear-gradient(135deg,#edf6ff,#dbeafe)}.language-switcher{display:flex;border-radius:10px;overflow:hidden}.desktop-toolbar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#fff;padding:10px 16px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:9999}.page,.viewer{position:relative}.desktop-toolbar button,.nav-btn{align-items:center;cursor:pointer;transition:.2s}.toolbar-divider{width:1px;height:24px;background:#e2e8f0}.desktop-toolbar button{border:none;background:0 0;display:flex;justify-content:center;padding:8px;border-radius:8px}#tocOverlay.active,.page canvas{display:block}.desktop-toolbar input{width:60px;border:none;text-align:center;font-weight:600;background:#f8fafc;border-radius:8px;padding:8px}#book,#networkCanvas,.page canvas{width:100%;height:100%}.lang-btn{border:none;background:0 0;padding:8px 14px;cursor:pointer;font-weight:600;color:#64748b;transition:.2s}.lang-btn.active{background:#2563eb;color:#fff}#networkCanvas{position:fixed;inset:0;opacity:.8;z-index:0;pointer-events:none}.viewer{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:2}#book{max-width:1400px;max-height:90vh;margin:auto;filter:drop-shadow(
        0 20px 40px rgba(0,0,0,.15)
    );opacity:0;transition:opacity .3s}.page{background:0 0!important}.nav-btn,.page-loader{position:absolute;display:flex}.stf__block,.stf__item,.stf__page,.stf__parent,.stf__wrapper{background:0 0!important;overflow:hidden!important}.stf__page{overflow:hidden!important}.page-loader{inset:0;justify-content:center;align-items:center;background:#fafafa}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top:4px solid #1976d2;border-radius:50%;animation:.8s linear infinite spin}.nav-btn{top:50%;transform:translateY(-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 5px 20px rgba(0,0,0,.15);justify-content:center;font-size:32px;user-select:none;z-index:999}#pageLoader,.page-nav{position:absolute;z-index:9999}.page canvas{transform-origin:center center;transition:transform .2s}.page-nav-btn,.toc-item,.zoom-controls button{cursor:pointer;transition:.2s}.nav-btn:hover{transform:translateY(-50%) scale(1.08)}.nav-prev{left:30px}.page-nav,.toolbar{left:50%;transform:translateX(-50%)}.nav-next{right:30px}.page-nav{bottom:25px;display:flex;align-items:center;gap:12px;background:#fff;padding:10px 16px;border-radius:50px;box-shadow:0 10px 25px rgba(0,0,0,.12)}.page-nav-btn{width:36px;height:36px;border:none;border-radius:50%;background:#f5f7fa;font-size:18px;font-weight:700}#pageInput,#totalPages,.loader-text,.loader-title,.toc-header{font-weight:600}.page-nav-btn:hover{background:#1976d2;color:#fff}#pageInput{width:60px;appearance:none;border:none;font-size:16px;outline:0;background:0 0}#pageInput::-webkit-inner-spin-button,#pageInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#pageInput{-moz-appearance:textfield;appearance:textfield}#totalPages{color:#666}#pageLoader{inset:0;display:none;justify-content:center;align-items:center;background:rgba(255,255,255,.15);backdrop-filter:blur(4px)}.loader-card{width:280px;padding:25px;background:#fff;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.15)}.loader-book{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.toolbar,.zoom-controls{top:20px;gap:10px;z-index:9999;display:flex}.loader-page{width:40px;height:55px;background:#1976d2;border-radius:4px;animation:1.2s infinite flipPage}.loader-page:nth-child(2){animation-delay:.2s}@keyframes flipPage{0%{transform:rotateY(0);opacity:1}50%{transform:rotateY(180deg);opacity:.5}100%{transform:rotateY(360deg);opacity:1}}.loader-text{margin-bottom:12px}.loader-progress{height:6px;background:#eee;border-radius:20px;overflow:hidden}#loaderProgress{width:0%;height:100%;background:#1976d2;transition:.3s}@keyframes spin{to{transform:rotate(360deg)}}#initialLoader{position:fixed;inset:0;background:#eef2f7;display:flex;justify-content:center;align-items:center;z-index:999999;transition:opacity .5s,visibility .5s}#initialLoader.hide{opacity:0;visibility:hidden}.loader-icon{width:70px;height:70px;color:#1976d2;animation:1.2s infinite pulse}.loader-title{margin-top:20px;font-size:18px}@keyframes pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.toolbar{position:fixed;background:#fff;padding:10px 20px;border-radius:10px}#tocPanel,.zoom-controls{position:absolute;background:#fff}button{cursor:pointer}.zoom-controls{right:20px;align-items:center;padding:10px 15px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.15)}#tocOverlay,.mobile-language-switcher,.mobile-toolbar,.toc-actions{display:none}.zoom-controls button{width:40px;height:40px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#1976d2;color:#fff}.zoom-controls button:hover{box-shadow:0 8px 20px rgba(25,118,210,.3)}.zoom-controls svg{width:20px;height:20px;pointer-events:none}#tocOverlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000}#tocPanel{left:0;top:0;bottom:0;width:340px;overflow-y:auto;box-shadow:5px 0 25px rgba(0,0,0,.15);transform:translateX(-100%);transition:transform .25s}#tocOverlay.active #tocPanel{transform:translateX(0)}.toc-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.toc-header button{border:none;background:0 0;font-size:20px;cursor:pointer}.toc-item{padding:14px 20px;border-bottom:1px solid #f3f3f3}.toc-item:hover{background:#f5f7fa}@media(min-width:769px){#leftThickness,#rightThickness{background:repeating-linear-gradient(to right,#f8f8f8 0,#f1f1f1 1px,#fff 2px,#f6f6f6 3px)}#tocButton{display:flex;align-items:center;gap:6px;min-width:max-content}.toc-label{font-size:12px;font-weight:600;color:#334155}.mobile-language-switcher,.mobile-toolbar{display:none}.stf__parent{position:relative}.stf__parent.active::after{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);pointer-events:none;z-index:20;width:15px;background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 15%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.25) 65%,rgba(0,0,0,.08) 85%,rgba(0,0,0,0) 100%);filter:blur(10px)}.book-thickness{position:fixed;pointer-events:none;z-index:50;opacity:.9;transition:width .25s}#leftThickness{border-right:1px solid rgba(0,0,0,.08);box-shadow:inset -1px 0 1px rgba(255,255,255,.7),inset 1px 0 2px rgba(0,0,0,.08);border-radius:3px 0 0 3px}#rightThickness{border-left:1px solid rgba(0,0,0,.08);box-shadow:inset 1px 0 1px rgba(255,255,255,.7),inset -1px 0 2px rgba(0,0,0,.08);border-radius:0 3px 3px 0}}@media (max-width:768px){.toc-actions{border-bottom:1px solid #eee;padding:10px 0;display:block}.toc-actions .toc-item{font-weight:600;background:#f8fafc;margin:0 10px 8px;border-radius:10px;border:none}.toc-actions .toc-item:hover{background:#e2e8f0}.viewer{padding-bottom:70px}#tocButton,#totalPages,.desktop-toolbar,.language-switcher,.nav-btn,.page-indicator,.zoom-controls{display:none}.mobile-language-switcher,.mobile-toolbar{position:fixed;display:flex;background:#fff}.mobile-language-switcher{top:15px;right:15px;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.12);z-index:99999}.mobile-language-switcher .lang-btn{min-width:48px;border:none;background:0 0;padding:10px 12px;font-size:13px;font-weight:600}.mobile-language-switcher .lang-btn.active{background:#2563eb;color:#fff}#book{max-width:100vw;max-height:100vh}.page-nav{padding:8px 12px}#pageInput{width:45px}.zoom-controls{top:10px;left:50%;transform:translateX(-50%);right:auto;width:auto;z-index:9999}.zoom-controls button{width:32px;height:32px}.page-indicator{position:fixed;bottom:0;left:0;right:0;width:100%;justify-content:center;align-items:center;gap:10px;padding:12px;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 20px rgba(0,0,0,.08);border-radius:0;transform:none;z-index:9999}.mobile-toolbar{left:12px;right:12px;bottom:12px;height:60px;align-items:center;justify-content:center;gap:8px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.15);z-index:99999}.mobile-toolbar button{border:none;background:0 0;font-size:18px;cursor:pointer}.mobile-toolbar input{width:50px;text-align:center;border:none;background:#f5f5f5;border-radius:8px;padding:6px}.divider{width:1px;height:24px;background:#ddd;margin:0 4px}#tocPanel{width:85%}}