.chapter-content-container{position:relative;max-width:1000px;margin:0 auto;padding:.5rem}.chapter-content img{max-width:100%;height:auto;display:block;margin:1rem auto;border-radius:4px}.chapter-content>:last-child{margin-bottom:.5rem}.chapter-content img[height],.chapter-content img[width],.chapter-content img[width][height]{max-width:100%!important;height:auto!important;width:auto!important}.chapter-balance-input{margin-top:10px}.chapter-balance-input label{margin-right:10px;font-weight:500;min-width:120px}.chapter-balance-input input{padding:6px 10px;border:1px solid #ccc;width:120px}.chapter-controls{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.chapter-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:15px;gap:15px;margin-bottom:15px}.control-label{font-weight:500;color:#555;font-size:14px;margin:0 0 5px}.mode-column .mode-dropdown{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff}.autosave-column{display:flex;justify-content:center;align-items:flex-start;min-height:65px;padding-top:20px}.balance-column{display:flex;flex-direction:column;gap:0}.chapter-balance-input{display:flex;align-items:center;gap:8px}.chapter-balance-input input{flex:1 1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.balance-unit{font-size:16px}.chapter-balance-display{padding:8px 12px;background-color:#f5f5f5;border-radius:4px;color:#666;font-size:14px}.mode-error{color:#dc3545;font-size:14px;padding:8px;background-color:#fff3f4;border-radius:4px}.mode-error,.network-error{margin-top:8px}:root.dark-mode .chapter-controls{background-color:#2d2d2d;border-color:#444}:root.dark-mode .control-label{color:#ccc}:root.dark-mode .chapter-balance-input input,:root.dark-mode .mode-dropdown{background-color:#3a3a3a;border-color:#555;color:#ecf0f1}:root.dark-mode .auto-save-status{background-color:#2c2c2c;border-color:#444}:root.dark-mode .chapter-balance-display{background-color:#3a3a3a;color:#ecf0f1}.chapter-content{font-size:var(--content-font-size,1rem);line-height:var(--content-line-height,1.6);font-family:var(--content-font-family,"Arial","Georgia",sans-serif);user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.highlight{background-color:var(--highlight-color,#fff3cd);transition:background-color .3s ease}:root.dark-mode .highlight{background-color:var(--highlight-color,#2d2d2d)}.chapter-content .chapter-balance-input{margin:15px 0;display:flex;align-items:center;background-color:#f8f9fa;padding:10px;border-radius:4px;border:1px solid #e9ecef}.chapter-content .chapter-balance-input label{margin-right:15px;font-weight:600;color:#2c3e50;min-width:130px}.chapter-content .chapter-balance-input input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:150px;font-size:14px;background-color:#fff}.chapter-content .chapter-balance-input input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.2)}.dark-mode .chapter-content .chapter-balance-input{background-color:#2c2c2c;border-color:#444}.dark-mode .chapter-content .chapter-balance-input label{color:#ecf0f1}.dark-mode .chapter-content .chapter-balance-input input{background-color:#3a3a3a;border-color:#555;color:#ecf0f1}.chapter-staff-section{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.chapter-staff-section h4{margin:0 0 15px;color:#333;font-size:16px;font-weight:600}.chapter-staff-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:15px;gap:15px}.chapter-staff-group{display:flex;flex-direction:column;gap:5px}.chapter-staff-group label{font-size:14px;font-weight:500;color:#555}.chapter-staff-dropdown{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;color:#333;transition:border-color .2s ease}.chapter-staff-dropdown:hover{border-color:#007bff}.chapter-staff-dropdown:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.chapter-staff-dropdown option{padding:8px;color:#333}:root.dark-mode .chapter-staff-section{background-color:#2d2d2d;border-color:#444}:root.dark-mode .chapter-staff-section h4{color:#fff}:root.dark-mode .chapter-staff-group label{color:#ccc}:root.dark-mode .chapter-staff-dropdown{background-color:#333;border-color:#555;color:#fff}:root.dark-mode .chapter-staff-dropdown:hover{border-color:#60a5fa}:root.dark-mode .chapter-staff-dropdown:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.25)}:root.dark-mode .chapter-staff-dropdown option{background-color:#333;color:#fff}.auto-save-status{padding:10px 15px;border-radius:4px;background-color:#f8f9fa;border:1px solid #e9ecef;font-size:13px;display:flex;align-items:center;width:100%;gap:8px}.auto-save-message{color:#28a745;font-weight:500}.last-saved{color:#6c757d;font-style:italic}.network-error{background-color:#f8d7da;padding:10px 15px;border:1px solid #f5c6cb;border-radius:4px;margin:8px 0;justify-content:space-between;font-size:14px}.network-error,.network-error-close-btn{color:#721c24;display:flex;align-items:center}.network-error-close-btn{background:none;border:none;font-size:18px;font-weight:700;cursor:pointer;padding:0;margin-left:10px;width:20px;height:20px;justify-content:center;border-radius:50%;transition:background-color .2s}.network-error-close-btn:hover{background-color:rgba(114,28,36,.1)}.auto-save-recovery{background-color:#d1ecf1;color:#0c5460;padding:12px 15px;border:1px solid #b8daff;border-radius:4px;margin:8px 0;font-size:14px}.auto-save-recovery strong{font-weight:600}@keyframes highlight-fade{0%{background-color:var(--highlight-color,#fff3cd)}to{background-color:transparent}}@keyframes highlight-fade-dark{0%{background-color:var(--highlight-color,#2d2d2d)}to{background-color:transparent}}.chapter-content ::selection{background:transparent;color:inherit}.chapter-content ::-moz-selection{background:transparent;color:inherit}.chapter-content{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-ms-content-zooming:none;-ms-user-drag:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;pointer-events:auto}.chapter-content *{-webkit-user-drag:none;-moz-user-drag:none;-webkit-touch-callout:none}.tts-controls{background:var(--card-bg,#f8f9fa);border:1px solid var(--border-color,#e9ecef);border-radius:8px;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tts-controls-main{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tts-progress-container{flex:1 1 100%;padding:12px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:8px;border:1px solid #81c784;margin-top:12px}:root.dark-mode .tts-progress-container{background:linear-gradient(135deg,#1b5e20,#2e7d32);border-color:#4caf50}.tts-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tts-progress-message{font-size:13px;font-weight:600;color:#2e7d32;display:flex;align-items:center;gap:8px}:root.dark-mode .tts-progress-message{color:#a5d6a7}.tts-progress-message:before{content:"🎵";animation:pulse 1.5s ease-in-out infinite}.tts-progress-percentage{font-size:14px;font-weight:700;color:#1b5e20;min-width:45px;text-align:right}:root.dark-mode .tts-progress-percentage{color:#81c784}.tts-progress-bar-wrapper{height:20px;background:hsla(0,0%,100%,.9);border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);position:relative}:root.dark-mode .tts-progress-bar-wrapper{background:rgba(0,0,0,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.tts-progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a 50%,#4caf50);border-radius:10px;transition:width .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(76,175,80,.5)}:root.dark-mode .tts-progress-bar-fill{background:linear-gradient(90deg,#66bb6a,#81c784 50%,#66bb6a);box-shadow:0 2px 8px rgba(129,199,132,.6)}.tts-progress-bar-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);animation:shimmer 2s infinite}:root.dark-mode .tts-progress-bar-shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent)}@keyframes shimmer{0%{left:-100%}to{left:200%}}.tts-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;background:var(--primary-color,#007bff);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:40px}.tts-btn:hover:not(:disabled){background:var(--primary-hover,#0056b3);transform:translateY(-1px)}.tts-btn:disabled{background:var(--disabled-bg,#6c757d);cursor:not-allowed;opacity:.6}.tts-play-btn{background:var(--success-color,#28a745);font-weight:600}.tts-play-btn:hover:not(:disabled){background:var(--success-hover,#1e7e34)}.tts-play-btn.playing{background:var(--warning-color,#ffc107);color:var(--dark,#212529)}.tts-play-btn.playing:hover{background:var(--warning-hover,#e0a800)}.tts-stop-btn{background:var(--danger-color,#dc3545);padding:10px 12px}.tts-stop-btn:hover:not(:disabled){background:var(--danger-hover,#c82333)}.tts-mute-btn{background:var(--secondary-color,#6c757d);padding:10px 12px}.tts-mute-btn:hover:not(:disabled){background:var(--secondary-hover,#5a6268)}.tts-mute-btn.muted{background:var(--danger-color,#dc3545)}.tts-mute-btn.muted:hover{background:var(--danger-hover,#c82333)}.tts-download-btn{background:var(--info-color,#17a2b8);padding:10px 12px}.tts-download-btn:hover:not(:disabled){background:var(--info-hover,#138496)}.tts-controls-settings{display:flex;align-items:center;gap:20px;padding:10px 0;flex-wrap:wrap}.tts-voice-control{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:250px}.tts-voice-control label{font-size:14px;font-weight:500;color:var(--text-primary,#212529);white-space:nowrap}:root.dark-mode .tts-voice-control label{color:var(--text-primary-dark,#e0e0e0)}.tts-voice-select{flex:1 1;padding:6px 10px;border:1px solid var(--border-color,#ced4da);border-radius:4px;background:var(--input-bg,#fff);color:var(--text-primary,#212529);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.tts-voice-select:focus,.tts-voice-select:hover:not(:disabled){border-color:var(--primary-color,#007bff)}.tts-voice-select:focus{box-shadow:0 0 0 3px rgba(0,123,255,.1)}.tts-voice-select:disabled{opacity:.6;cursor:not-allowed;background:var(--disabled-bg,#e9ecef)}:root.dark-mode .tts-voice-select{background:#2a2a2a;border-color:#444;color:#e0e0e0}:root.dark-mode .tts-voice-select:hover:not(:disabled){border-color:#5a9fd4}:root.dark-mode .tts-voice-select:focus{border-color:#5a9fd4;box-shadow:0 0 0 3px rgba(90,159,212,.2)}:root.dark-mode .tts-voice-select:disabled{background:#1a1a1a}.tts-rate-control{display:flex;align-items:center;gap:12px}.tts-rate-control label{font-size:14px;font-weight:500;color:var(--text-color,#333);min-width:50px}.tts-rate-slider{width:120px;height:6px;border-radius:3px;background:var(--slider-bg,#ddd);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tts-rate-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color,#007bff);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transition:transform .2s ease;transition:transform .2s ease}.tts-rate-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.tts-rate-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color,#007bff);cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.tts-rate-value{font-size:14px;font-weight:600;color:var(--primary-color,#007bff);min-width:35px;text-align:center}.tts-status{padding:8px 0}.tts-status-indicator{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted,#6c757d);font-style:italic}.tts-playing-dot{width:8px;height:8px;background:var(--success-color,#28a745);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}:root.dark-mode .tts-controls{background:var(--dark-card-bg,#2d3748);border-color:var(--dark-border,#4a5568)}:root.dark-mode .tts-controls,:root.dark-mode .tts-rate-control label{color:var(--dark-text,#e2e8f0)}:root.dark-mode .tts-rate-slider{background:var(--dark-slider-bg,#4a5568)}:root.dark-mode .tts-status-indicator{color:var(--dark-text-muted,#a0aec0)}.tts-error{background:var(--danger-light,#f8d7da);color:var(--danger-dark,#721c24);padding:12px 16px;border-radius:6px;margin-bottom:16px;justify-content:space-between;border:1px solid var(--danger-border,#f5c6cb)}.tts-error,.tts-error-close{display:flex;align-items:center}.tts-error-close{background:none;border:none;color:inherit;font-size:18px;font-weight:700;cursor:pointer;padding:0;margin-left:12px;width:24px;height:24px;justify-content:center;border-radius:50%;transition:background-color .2s ease}.tts-error-close:hover{background-color:rgba(0,0,0,.1)}.tts-play-btn.generating{background:var(--info-color,#17a2b8);cursor:not-allowed}.tts-play-btn.generating:hover{background:var(--info-hover,#138496)}.tts-progress-container{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border-light,#dee2e6);border-bottom:1px solid var(--border-light,#dee2e6);margin:10px 0}.tts-progress-slider{flex:1 1;height:6px;border-radius:3px;background:var(--slider-bg,#ddd);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tts-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color,#007bff);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transition:transform .2s ease;transition:transform .2s ease}.tts-progress-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.tts-progress-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color,#007bff);cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.tts-time{font-size:14px;font-weight:500;color:var(--text-color,#333);min-width:40px;text-align:center}.tts-volume-control{display:flex;align-items:center;gap:12px}.tts-volume-control label{font-size:14px;font-weight:500;color:var(--text-color,#333);min-width:60px}.tts-volume-slider{width:100px;height:6px;border-radius:3px;background:var(--slider-bg,#ddd);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tts-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--secondary-color,#6c757d);cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transition:transform .2s ease;transition:transform .2s ease}.tts-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.tts-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--secondary-color,#6c757d);cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2)}.tts-volume-value{font-size:14px;font-weight:600;color:var(--secondary-color,#6c757d);min-width:35px;text-align:center}.tts-generating-dot{width:8px;height:8px;background:var(--info-color,#17a2b8);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}:root.dark-mode .tts-error{background:var(--dark-danger-light,#5a1a1a);color:var(--dark-danger-text,#f5c6cb);border-color:var(--dark-danger-border,#721c24)}.fullscreen-reading{overflow:hidden}.fullscreen-reading .action-toolbar,.fullscreen-reading .avatar-announcement-strip,.fullscreen-reading .header-nav-container,.fullscreen-reading .navbar,.fullscreen-reading .secondary-navbar{display:none!important}.fullscreen-reading .main-content{margin:0;max-width:none;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.fullscreen-chapter-container{background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;max-width:1200px;width:100%;min-height:calc(100vh - 40px);padding:15px 50px;margin:0 auto;position:relative;text-align:center}.fullscreen-admin-controls{position:absolute;top:20px;right:20px;z-index:10}.fullscreen-module-title{font-size:24px;color:var(--text-secondary);margin-bottom:10px;font-weight:600;text-align:center}.fullscreen-chapter-title{font-size:20px;color:var(--text-color);margin:0 0 10px;font-weight:600;line-height:1.3;text-align:center}.fullscreen-meta-line{font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.5;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.fullscreen-chapter-content{text-align:left;max-width:1200px;margin:0 auto}.fullscreen-chapter-content .chapter-content{line-height:1.8;font-size:18px;color:var(--text-color)}.fullscreen-chapter-content .chapter-content b,.fullscreen-chapter-content .chapter-content div,.fullscreen-chapter-content .chapter-content em,.fullscreen-chapter-content .chapter-content h1,.fullscreen-chapter-content .chapter-content h2,.fullscreen-chapter-content .chapter-content h3,.fullscreen-chapter-content .chapter-content h4,.fullscreen-chapter-content .chapter-content h5,.fullscreen-chapter-content .chapter-content h6,.fullscreen-chapter-content .chapter-content i,.fullscreen-chapter-content .chapter-content p,.fullscreen-chapter-content .chapter-content span,.fullscreen-chapter-content .chapter-content strong,.fullscreen-chapter-content .chapter-content u{color:var(--text-color)}.fullscreen-chapter-content .chapter-content .footnote-ref{color:var(--primary-color)}.fullscreen-chapter-content .chapter-content .footnote-ref:hover{color:var(--primary-hover)}:root.dark-mode .tts-time,:root.dark-mode .tts-volume-control label{color:var(--dark-text,#e2e8f0)}:root.dark-mode .tts-progress-slider,:root.dark-mode .tts-volume-slider{background:var(--dark-slider-bg,#4a5568)}@media (max-width:768px){.chapter-content-container{padding:.5rem}.chapter-content{font-size:calc(var(--content-font-size, 1rem) * .95)}.chapter-controls-grid{grid-template-columns:1fr;gap:10px}.control-column{width:100%}.autosave-column{justify-content:flex-start;min-height:auto}.chapter-controls{margin-top:15px;padding:12px;flex-direction:column;align-items:stretch;gap:15px}.chapter-controls .mode-dropdown{width:100%;margin-right:0}.chapter-controls .chapter-balance-input,.chapter-controls .chapter-balance-input input{width:100%}.chapter-staff-controls{grid-template-columns:1fr;gap:10px}.chapter-staff-section{margin-top:15px;padding:12px}.tts-controls{padding:12px;margin-bottom:16px}.tts-controls-main{flex-wrap:wrap;gap:8px;margin-bottom:12px}.tts-btn{padding:8px 12px;font-size:13px;min-height:36px}.tts-btn span{display:none}.tts-controls-settings{flex-direction:column;align-items:stretch;gap:16px}.tts-rate-control{width:100%;justify-content:space-between}.tts-rate-slider{flex:1 1;max-width:150px}.tts-progress-container{flex-direction:column;gap:8px}.tts-progress-slider{width:100%}.tts-volume-control{justify-content:space-between}.tts-volume-slider{flex:1 1;max-width:150px}.fullscreen-chapter-container{min-height:calc(100vh - 20px);padding:20px 30px}.fullscreen-module-title{font-size:20px}.fullscreen-chapter-title{font-size:18px}.fullscreen-meta-line{font-size:13px}.fullscreen-chapter-content .chapter-content{font-size:16px;line-height:1.7}}@media (max-width:576px){.tts-controls-main{justify-content:center}.tts-rate-control{align-items:center;gap:8px}.tts-error{flex-direction:column;align-items:flex-start;gap:8px}.tts-error-close{align-self:flex-end;margin-left:0}}.pre-toggle-scroll-btn{position:fixed;bottom:75px;right:20px;width:45px;height:45px;border-radius:50%;background-color:#ff6b6b;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;border:none;z-index:102;opacity:.8}.pre-toggle-scroll-btn:hover{transform:scale(1.1);opacity:1}.horizontal-chapter-nav{position:fixed;bottom:20px;right:75px;display:flex;flex-direction:row;gap:10px;z-index:101}.chapter-nav-btn{width:45px;height:45px;border-radius:50%;background-color:#ff6b6b;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;border:none;opacity:.8}.chapter-nav-btn:hover{transform:scale(1.1);opacity:1}.chapter-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.toggle-btn{position:fixed;bottom:20px;right:20px;width:45px;height:45px;border-radius:50%;background-color:#ff6b6b;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;border:none;z-index:100;opacity:.8}.toggle-btn:hover{transform:scale(1.1);opacity:1}.nav-grid-container{position:fixed;bottom:20px;right:20px;display:grid;grid-template-columns:repeat(3,45px);grid-template-rows:repeat(4,45px);grid-gap:10px;gap:10px;z-index:100;transition:opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden;pointer-events:none}.nav-grid-container.visible{opacity:1;visibility:visible;pointer-events:auto}.control-btn,.empty-grid-cell{width:45px;height:45px}.control-btn{border-radius:50%;background-color:#ff6b6b;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;border:none}.control-btn:hover{transform:scale(1.1)}.bookmark-btn.active{background-color:#28a745}.fullscreen-btn.active{background-color:#6f42c1}.home-btn{text-decoration:none}.chapter-dropdown{position:fixed;bottom:190px;right:20px;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.8);width:350px;max-height:480px;overflow:hidden;z-index:101;display:none;border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chapter-dropdown.active{display:block;animation:fadeIn .3s ease}.chapter-dropdown-header{padding:16px 20px;font-weight:700;border-bottom:1px solid rgba(0,0,0,.08);position:-webkit-sticky;position:sticky;top:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;align-items:center;z-index:2;border-radius:16px 16px 0 0}.chapter-dropdown-header h3{margin:0;font-size:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.5px}.close-dropdown{background:hsla(0,0%,100%,.2);border:none;color:#fff;cursor:pointer;font-size:14px;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;width:28px;height:28px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-dropdown:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.chapter-dropdown-list{list-style:none;padding:8px;margin:0;max-height:400px;overflow-y:auto;scroll-behavior:smooth;background:transparent}.chapter-dropdown-list::-webkit-scrollbar{width:4px}.chapter-dropdown-list::-webkit-scrollbar-track{background:transparent;border-radius:2px}.chapter-dropdown-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.chapter-dropdown-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.chapter-dropdown-list li{border-radius:8px;margin-bottom:2px;transition:all .2s ease;overflow:hidden}.chapter-dropdown-list li:last-child{margin-bottom:0}.chapter-dropdown-list li .locked-chapter,.chapter-dropdown-list li a{text-decoration:none;color:#4a5568;display:flex;align-items:center;padding:8px 12px;transition:all .3s ease;font-size:15px;gap:6px;border-radius:8px;position:relative;font-weight:500}.chapter-dropdown-list li a:hover{transform:translateX(4px);box-shadow:0 2px 8px rgba(102,126,234,.2)}.chapter-dropdown-list .chapter-number,.chapter-dropdown-list li a:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))}.chapter-dropdown-list .chapter-number{font-weight:700;color:#667eea;min-width:22px;font-size:12px;padding:2px 6px;border-radius:4px;text-align:center}.chapter-title{flex:1 1;line-height:1.3;word-break:break-word;font-size:15px}.chapter-dropdown-list li.active{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border-left:3px solid #667eea;border-radius:8px;box-shadow:0 2px 12px rgba(102,126,234,.2)}.chapter-dropdown-list li.active a{font-weight:600;color:#4c51bf;background-color:transparent}.chapter-dropdown-list li.active .chapter-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;box-shadow:0 2px 4px rgba(102,126,234,.3)}.chapter-dropdown-list li.active .chapter-title{color:#4c51bf;font-weight:600}.paid-icon{color:#f6ad55;font-size:11px;margin-left:auto;background:rgba(246,173,85,.1);padding:2px 4px;border-radius:3px}.chapter-dropdown-list li.locked{opacity:.5}.chapter-dropdown-list li .locked-chapter{cursor:not-allowed;color:#a0aec0}.chapter-dropdown-list li .lock-icon{color:#fc8181;font-size:11px;margin-left:auto;background:hsla(0,95%,75%,.1);padding:2px 4px;border-radius:3px}.dropdown-loading{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px}.dropdown-loading,.no-chapters{padding:24px 16px;color:#718096}.no-chapters{text-align:center;font-style:italic}.no-chapters p{margin:0;font-size:15px}@keyframes highlightChapter{0%{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25));transform:scale(1.02);box-shadow:0 4px 16px rgba(102,126,234,.3)}50%{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));transform:scale(1.01);box-shadow:0 3px 12px rgba(102,126,234,.25)}to{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));transform:scale(1);box-shadow:0 2px 12px rgba(102,126,234,.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:root.dark-mode .chapter-dropdown{background:linear-gradient(145deg,#1a202c,#2d3748);border-color:hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.15)}:root.dark-mode .chapter-dropdown-header{background:linear-gradient(135deg,#2d3748,#4a5568);border-bottom-color:hsla(0,0%,100%,.15)}:root.dark-mode .chapter-dropdown-header h3{color:#f7fafc;text-shadow:0 1px 3px rgba(0,0,0,.3)}:root.dark-mode .close-dropdown{color:#f7fafc;background:hsla(0,0%,100%,.15)}:root.dark-mode .close-dropdown:hover{background:hsla(0,0%,100%,.25)}:root.dark-mode .chapter-dropdown-list::-webkit-scrollbar-track{background:transparent}:root.dark-mode .chapter-dropdown-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4a5568,#2d3748)}:root.dark-mode .chapter-dropdown-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#718096,#4a5568)}:root.dark-mode .chapter-dropdown-list li .locked-chapter,:root.dark-mode .chapter-dropdown-list li a{color:#f7fafc}:root.dark-mode .chapter-dropdown-list li a:hover{background:linear-gradient(135deg,rgba(74,85,104,.4),rgba(45,55,72,.4));box-shadow:0 2px 8px rgba(74,85,104,.6)}:root.dark-mode .chapter-dropdown-list li.active{background:linear-gradient(135deg,rgba(74,85,104,.5),rgba(45,55,72,.5));border-left-color:#90cdf4;box-shadow:0 2px 12px rgba(74,85,104,.7)}:root.dark-mode .chapter-dropdown-list li.active a{color:#e2e8f0}:root.dark-mode .chapter-dropdown-list li.active .chapter-number{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:0 2px 4px rgba(66,153,225,.4)}:root.dark-mode .chapter-dropdown-list li.active .chapter-title{color:#e2e8f0}:root.dark-mode .chapter-dropdown-list .chapter-number{color:#90cdf4;background:linear-gradient(135deg,rgba(74,85,104,.4),rgba(45,55,72,.4))}:root.dark-mode .paid-icon{color:#fbd38d;background:hsla(38,93%,77%,.25)}:root.dark-mode .lock-icon{color:#feb2b2;background:hsla(0,97%,85%,.25)}:root.dark-mode .dropdown-loading,:root.dark-mode .no-chapters{color:#cbd5e0}@media (max-width:768px){.pre-toggle-scroll-btn{bottom:70px;right:15px;width:40px;height:40px}.horizontal-chapter-nav{bottom:15px;right:65px}.chapter-nav-btn,.toggle-btn{width:40px;height:40px}.nav-grid-container,.toggle-btn{bottom:15px;right:15px}.nav-grid-container{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(4,40px)}.control-btn,.empty-grid-cell{width:40px;height:40px}.chapter-dropdown{bottom:155px;right:15px;width:calc(100vw - 30px);max-width:320px}.chapter-dropdown-list{max-height:300px}.chapter-dropdown-list li .locked-chapter,.chapter-dropdown-list li a{padding:6px 10px;font-size:12px}.chapter-dropdown-header{padding:12px 16px}.chapter-dropdown-header h3{font-size:14px}.chapter-title{font-size:12px}.chapter-dropdown-list .chapter-number{font-size:11px;min-width:20px}}@media (max-width:480px){.chapter-dropdown{width:calc(100vw - 20px);right:10px}.chapter-dropdown-list li .locked-chapter,.chapter-dropdown-list li a{padding:6px 8px;font-size:11px}.chapter-dropdown-list .chapter-number{min-width:18px;font-size:11px}.chapter-title{font-size:12px}.lock-icon,.paid-icon{font-size:11px}}