:root{--header-height: 60px;--footer-height: 60px;--support-us-padding: 1rem;--support-us-gap: 1rem;--ad-border-radius: 8px;--ad-shadow: 0 4px 12px rgba(0, 0, 0, .1);--error-color: #ff6b6b;--success-color: #51cf66;--text-primary: #333;--text-secondary: #666;--bg-color: #f8f9fa}.support-us-page{min-height:calc(100vh - var(--header-height) - var(--footer-height));background-color:var(--background-color);padding:var(--support-us-padding);display:flex;flex-direction:column}.support-us-container{max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;flex:1}.support-us-header{text-align:center;margin-bottom:2rem;padding:1rem 0}.support-us-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.support-us-subtitle{font-size:1.1rem;color:var(--text-secondary-color);margin:0;font-weight:400}.support-us-content{flex:1;display:flex;flex-direction:column;min-height:0}.ads-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:var(--support-us-gap);height:calc(100vh - var(--header-height) - var(--footer-height) - 200px);max-height:600px;min-height:400px}.ad-item{position:relative;border-radius:var(--ad-border-radius);overflow:hidden;cursor:pointer;transition:all .3s ease;background:transparent;display:flex;align-items:center;justify-content:center}.ad-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.ad-item:focus{outline:2px solid #667eea;outline-offset:2px}.ad-media{width:100%;height:100%;object-fit:contain;border-radius:var(--ad-border-radius);background:transparent;display:block}@media(max-width:768px){.ad-media{width:100%;height:auto;object-fit:contain;border-radius:0}.ad-item{border-radius:0;height:auto}}.ad-video,.ad-image{background:transparent}.ad-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:var(--text-secondary-color);text-align:center;padding:1rem}.ad-fallback-icon{font-size:3rem;margin-bottom:.5rem;opacity:.7}.ad-fallback-text{font-size:1rem;font-weight:500}.ads-skeleton-container{height:calc(100vh - var(--header-height) - var(--footer-height) - 200px);max-height:600px;min-height:400px}@media(max-width:768px){.ads-skeleton-container{height:auto;max-height:none;min-height:auto}}.ads-skeleton{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:var(--support-us-gap);height:100%}.ad-skeleton{border-radius:var(--ad-border-radius);overflow:hidden}.ad-skeleton-large{grid-row:1}.ad-skeleton-small{grid-column:1 / -1;grid-row:2;height:200px}.ads-error-container,.ads-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;flex:1;min-height:300px}.error-icon,.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.error-message,.empty-message{font-size:1.1rem;color:var(--text-secondary-color);margin:0 0 1.5rem;max-width:400px}.error-retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.error-retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.error-retry-btn:active{transform:translateY(0)}@media(max-width:768px){:root{--support-us-padding: 0;--support-us-gap: 0}.support-us-page,.support-us-container{padding:0}.support-us-title{font-size:2rem}.support-us-subtitle{font-size:1rem}.support-us-header{margin-bottom:0;padding:var(--spacing-md)}.ads-container{display:flex;flex-direction:column;gap:0;height:auto;max-height:none;min-height:auto}.ads-skeleton{display:flex;flex-direction:column;gap:0}.ad-skeleton-large,.ad-skeleton-small{grid-row:unset;grid-column:unset;width:100%;height:auto;aspect-ratio:16 / 9}}@media(max-width:480px){:root{--support-us-padding: 0;--support-us-gap: 0}.support-us-title{font-size:1.75rem}.support-us-subtitle{font-size:.9rem}.support-us-header{padding:.75rem var(--spacing-md)}.support-us-content{padding:0}.ads-container,.ads-skeleton-container{height:auto;max-height:none;min-height:auto}.ad-fallback-icon{font-size:2.5rem}.ad-fallback-text{font-size:.9rem}}@media(max-width:768px)and (orientation:landscape){.ads-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;height:auto;max-height:none}.ads-skeleton{display:flex;flex-direction:row;flex-wrap:wrap;gap:0}.ad-skeleton-large{width:50%;height:auto;aspect-ratio:16 / 9}.ad-skeleton-small{width:100%;height:auto;aspect-ratio:16 / 9}}@media(min-width:1200px){.support-us-container{max-width:1400px}.ads-container{max-height:700px}}@media(prefers-color-scheme:dark){:root{--text-primary: #e9ecef;--text-secondary: #adb5bd;--bg-color: #1a1a1a}.ad-item{background:transparent}.ad-fallback{background:linear-gradient(135deg,#2d3748,#1a202c);color:var(--text-secondary-color)}}@media(prefers-reduced-motion:reduce){.ad-item,.error-retry-btn{transition:none}.ad-item:hover,.error-retry-btn:hover{transform:none}}@media print{.support-us-page{background:#fff;color:#000}.error-retry-btn{display:none}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.loading-spinner{position:relative;display:inline-block}.spinner{width:100%;height:100%;border:3px solid var(--color-gray-200, rgba(0, 123, 255, .1));border-left-color:var(--color-primary, #007bff);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:var(--text-secondary-color, #666);font-size:14px;text-align:center}.image-viewer-dialog{padding:0;margin:0;border:none;border-radius:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999}.image-viewer-dialog::backdrop{background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-viewer-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.iv-close-button{position:absolute;top:20px;right:20px;z-index:1001;background:#0009;border:none;color:#fff;font-size:24px;width:44px;height:44px;border-radius:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(-10px)}.iv-close-button svg{flex-shrink:0}.iv-close-button.iv-visible{opacity:1;transform:translateY(0)}.iv-close-button:hover{background:#fff3;transform:scale(1.1)}.iv-close-button:active{transform:scale(.95)}.iv-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:1001;display:flex;gap:12px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:30px;transition:all .3s ease;opacity:0;transform:translate(-50%) translateY(20px)}.iv-controls.iv-controls-visible{opacity:1;transform:translate(-50%) translateY(0)}.iv-controls button{background:transparent;border:none;color:#fff;font-size:18px;padding:8px 12px;border-radius:20px;cursor:pointer;transition:all .2s ease}.iv-controls button:hover{background:#fff3;transform:scale(1.1)}.iv-controls button:active{transform:scale(.95)}.image-content{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.transform-wrapper{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.transform-content{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.main-image{max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;display:block;margin:auto;border-radius:8px;box-shadow:0 8px 32px #0006;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:#fff;z-index:1000}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p{margin:0;font-size:16px;opacity:.8}.error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:1000}.error-icon{margin-bottom:16px;opacity:.7}.error-overlay p{margin:0 0 20px;font-size:18px;text-align:center}.error-overlay button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:20px;cursor:pointer;font-size:16px;transition:all .2s ease}.error-overlay button:hover{background:#ffffff4d;transform:scale(1.05)}.notification{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:1002;padding:12px 24px;border-radius:20px;color:#fff;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInDown .3s ease}.notification.info{background:#3b82f6cc}.notification.success{background:#22c55ecc}.notification.error{background:#ef4444cc}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.help-text{position:absolute;bottom:100px;left:50%;transform:translate(-50%);z-index:1001;color:#fff9;font-size:12px;text-align:center;transition:all .3s ease;opacity:0;transform:translate(-50%) translateY(10px)}.help-text.visible{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:768px){.iv-close-button{top:15px;right:15px;width:40px;height:40px;font-size:20px}.iv-controls{bottom:20px;padding:10px 16px;gap:8px}.iv-controls button{font-size:16px;padding:6px 10px}.main-image{max-width:95vw;max-height:85vh}.help-text{display:none}.notification{top:60px;left:20px;right:20px;transform:none;text-align:center}}@media(prefers-color-scheme:dark){.image-viewer-dialog::backdrop{background:#000000fa}}@media(prefers-contrast:high){.iv-close-button,.iv-controls{background:#000000e6;border:1px solid rgba(255,255,255,.5)}}@media(prefers-reduced-motion:reduce){.iv-close-button,.iv-controls,.help-text,.notification{transition:none}.loading-spinner{animation:none}@keyframes slideInDown{0%,to{opacity:1;transform:translate(-50%) translateY(0)}}}.vw-badge{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:10;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.vw-badge--zoom{background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}.vw-badge--zoom:hover{background:#000c;transform:scale(1.1)}.vw-badge--zoom:active{transform:scale(.95)}.vw-badge--zoom svg{width:16px;height:16px}@media(max-width:768px){.vw-badge{font-size:11px;padding:3px 6px}.vw-badge--zoom{width:28px;height:28px}.vw-badge--zoom svg{width:14px;height:14px}}.vw-image-item{position:relative;width:100%;background-color:var(--theme-surface, #1a1a1a)}.vw-image{width:100%;height:auto;display:block;opacity:0;transition:opacity .3s ease-in}.vw-image--loaded{opacity:1}.vw-skeleton{position:relative;width:100%;height:600px;background:linear-gradient(90deg,#2a2a2a 25%,#333,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;display:flex;align-items:center;justify-content:center}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vw-skeleton-text{color:#ffffff80;font-size:14px}.vw-error-placeholder{width:100%;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a1a1a;color:#f44}.vw-error-placeholder button{margin-top:10px;padding:8px 16px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer}.vw-bottom-tip{width:100%;padding:40px 20px;display:flex;align-items:center;justify-content:center;gap:15px}.vw-bottom-tip__line{flex:1;height:1px;background:linear-gradient(to right,transparent,#444,transparent);max-width:100px}.vw-bottom-tip__text{color:#666;font-size:14px;white-space:nowrap}@media(max-width:768px){.vw-bottom-tip{padding:30px 15px;gap:12px}.vw-bottom-tip__line{max-width:60px}.vw-bottom-tip__text{font-size:13px}}.chapter-list-dialog-root{position:relative;z-index:50}.chapter-list-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chapter-list-dialog-container{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:1rem}.chapter-list-dialog-wrapper{display:flex;align-items:center;justify-content:center;min-height:100%;width:100%}.chapter-list-dialog-panel{width:100%;max-width:500px;max-height:80vh;background-color:var(--surface-color);border-radius:var(--border-radius-large);box-shadow:var(--shadow-heavy);display:flex;flex-direction:column;overflow:hidden}.chapter-list-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--surface-color)}.chapter-list-dialog-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.chapter-list-dialog-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--border-radius-small);color:var(--text-secondary-color);cursor:pointer;transition:all var(--transition-fast)}.chapter-list-dialog-close-btn:hover{background:var(--surface-secondary-color);color:var(--text-color)}.chapter-list-dialog-content{flex:1;overflow-y:auto;padding:8px 0}.chapter-list-dialog-empty{padding:60px 24px;text-align:center;color:var(--text-secondary-color);font-size:14px}.chapter-list-dialog-items{display:flex;flex-direction:column}.chapter-list-dialog-item{display:flex;align-items:center;gap:12px;padding:14px 24px;cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent}.chapter-list-dialog-item:hover{background:var(--surface-secondary-color);border-left-color:var(--color-primary)}.chapter-list-dialog-item--current{background:var(--surface-accent-color);border-left-color:var(--color-primary)}.chapter-list-dialog-item--current:hover{background:var(--surface-accent-color)}.chapter-list-dialog-item-number{flex-shrink:0;font-size:14px;font-weight:500;color:var(--text-secondary-color);min-width:60px}.chapter-list-dialog-item--current .chapter-list-dialog-item-number{color:var(--color-primary);font-weight:600}.chapter-list-dialog-item-title{flex:1;font-size:14px;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-list-dialog-item--current .chapter-list-dialog-item-title{font-weight:500}.chapter-list-dialog-item-badge{flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:500;color:var(--color-white);background:var(--color-primary);border-radius:var(--border-radius-small)}.chapter-list-dialog-footer{padding:12px 24px;border-top:1px solid var(--border-color);text-align:center;font-size:13px;color:var(--text-secondary-color);background:var(--surface-color)}.chapter-list-dialog-content::-webkit-scrollbar{width:8px}.chapter-list-dialog-content::-webkit-scrollbar-track{background:var(--surface-color)}.chapter-list-dialog-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.chapter-list-dialog-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-color)}@media(max-width:768px){.chapter-list-dialog-panel{max-width:100%;max-height:90vh;margin:0 8px}.chapter-list-dialog-header{padding:16px 20px}.chapter-list-dialog-title{font-size:16px}.chapter-list-dialog-item{padding:12px 20px}.chapter-list-dialog-footer{padding:10px 20px}}.chapter-list-bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9999;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.chapter-list-bottom-sheet{width:100%;max-height:80vh;background:var(--surface-color);border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #00000026;animation:slideInUp .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;overflow:hidden}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chapter-list-bottom-sheet-handle{display:flex;justify-content:center;padding:8px 0 4px;cursor:grab}.chapter-list-bottom-sheet-handle-bar{width:40px;height:4px;background:var(--border-color);border-radius:2px}.chapter-list-bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-color)}.chapter-list-bottom-sheet-title{flex:1}.chapter-list-bottom-sheet-title h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.chapter-list-bottom-sheet-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--border-radius-small);color:var(--text-secondary-color);cursor:pointer;transition:all var(--transition-fast)}.chapter-list-bottom-sheet-close:hover{background:var(--surface-secondary-color);color:var(--text-color)}.chapter-list-bottom-sheet-content{flex:1;overflow-y:auto;padding:8px 0}.chapter-list-bottom-sheet-empty{padding:60px 20px;text-align:center;color:var(--text-secondary-color);font-size:14px}.chapter-list-bottom-sheet-items{display:flex;flex-direction:column}.chapter-list-bottom-sheet-item{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent;-webkit-tap-highlight-color:transparent}.chapter-list-bottom-sheet-item:active{background:var(--surface-secondary-color)}.chapter-list-bottom-sheet-item--current{background:var(--surface-accent-color);border-left-color:var(--color-primary)}.chapter-list-bottom-sheet-item--current:active{background:var(--surface-accent-color)}.chapter-list-bottom-sheet-item-number{flex-shrink:0;font-size:14px;font-weight:500;color:var(--text-secondary-color);min-width:60px}.chapter-list-bottom-sheet-item--current .chapter-list-bottom-sheet-item-number{color:var(--color-primary);font-weight:600}.chapter-list-bottom-sheet-item-title{flex:1;font-size:14px;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-list-bottom-sheet-item--current .chapter-list-bottom-sheet-item-title{font-weight:500}.chapter-list-bottom-sheet-item-badge{flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:500;color:var(--color-white);background:var(--color-primary);border-radius:var(--border-radius-small)}.chapter-list-bottom-sheet-footer{padding:12px 20px;border-top:1px solid var(--border-color);text-align:center;font-size:13px;color:var(--text-secondary-color)}.chapter-list-bottom-sheet-content::-webkit-scrollbar{width:6px}.chapter-list-bottom-sheet-content::-webkit-scrollbar-track{background:var(--surface-color)}.chapter-list-bottom-sheet-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chapter-list-bottom-sheet-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-color)}@media(max-width:480px){.chapter-list-bottom-sheet{max-height:85vh}.chapter-list-bottom-sheet-item{padding:12px 16px}.chapter-list-bottom-sheet-item-number{min-width:55px;font-size:13px}.chapter-list-bottom-sheet-item-title{font-size:13px}}.chapter-navigation{width:100%;padding:40px 20px 60px;display:flex;flex-direction:column;gap:24px;background:var(--background-color)}.chapter-navigation__divider{width:100%;display:flex;align-items:center;justify-content:center;gap:15px}.chapter-navigation__line{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);max-width:100px}.chapter-navigation__text{color:var(--text-secondary-color);font-size:14px;white-space:nowrap}.chapter-navigation__buttons{display:flex;gap:12px;justify-content:center;align-items:stretch;flex-wrap:wrap;max-width:600px;margin:0 auto}.chapter-navigation__loading{width:100%;padding:20px;text-align:center;color:var(--text-secondary-color);font-size:14px}.chapter-navigation__btn{flex:1;min-width:100px;max-width:180px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-light);position:relative;overflow:hidden}.chapter-navigation__btn:hover{background:var(--surface-secondary-color);border-color:var(--color-primary);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.chapter-navigation__btn:active{transform:translateY(0);box-shadow:var(--shadow-light)}.chapter-navigation__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chapter-navigation__btn-icon{font-size:16px;font-weight:700;color:var(--color-primary);flex-shrink:0}.chapter-navigation__btn-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;min-width:0;font-size:14px}.chapter-navigation__btn--prev{background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-secondary-color) 100%)}.chapter-navigation__btn--prev:hover{background:linear-gradient(135deg,var(--surface-secondary-color) 0%,var(--color-primary-light) 10%)}.chapter-navigation__btn--next{background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-secondary-color) 100%)}.chapter-navigation__btn--next:hover{background:linear-gradient(135deg,var(--color-primary-light) 90%,var(--surface-secondary-color) 100%)}.chapter-navigation__btn--list{flex:0 0 auto;min-width:120px;max-width:120px;background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.chapter-navigation__btn--list:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.chapter-navigation__btn--list .chapter-navigation__btn-icon{color:var(--color-white);font-size:18px}.chapter-navigation__btn--list .chapter-navigation__btn-text{color:var(--color-white)}.chapter-navigation__info{text-align:center;color:var(--text-secondary-color);font-size:13px}.chapter-navigation__ad{width:100%;margin-top:20px;display:flex;justify-content:center}@media(max-width:768px){.chapter-navigation{padding:30px 15px 50px;gap:20px}.chapter-navigation__divider{gap:12px}.chapter-navigation__line{max-width:60px}.chapter-navigation__text{font-size:13px}.chapter-navigation__buttons{gap:8px;max-width:100%}.chapter-navigation__btn{min-width:90px;max-width:140px;padding:10px 12px;font-size:13px;gap:6px}.chapter-navigation__btn-icon{font-size:14px}.chapter-navigation__btn-text{font-size:13px}.chapter-navigation__btn--list{min-width:100px;max-width:100px}.chapter-navigation__btn--list .chapter-navigation__btn-icon{font-size:16px}.chapter-navigation__info{font-size:12px}}@media(max-width:480px){.chapter-navigation__buttons{flex-wrap:nowrap;gap:6px}.chapter-navigation__btn{min-width:70px;max-width:100px;padding:10px 8px;font-size:12px}.chapter-navigation__btn-icon,.chapter-navigation__btn-text{font-size:12px}.chapter-navigation__btn--list{min-width:90px;max-width:90px}.chapter-navigation__btn--list .chapter-navigation__btn-icon{font-size:14px}}.vw-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--spacing-md, 12px);padding:var(--spacing-md, 12px) var(--spacing-lg, 20px);background:var(--surface-color, rgba(0, 0, 0, .85));border-radius:var(--border-radius-large, 24px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-heavy, 0 8px 24px rgba(0, 0, 0, .3));border:1px solid var(--border-secondary-color, rgba(255, 255, 255, .1));z-index:1000;max-width:calc(100vw - 40px);transition:all var(--transition-normal, .3s ease)}.vw-controls:hover{box-shadow:0 12px 32px #0006;border-color:var(--border-accent-color, rgba(255, 255, 255, .15))}.vw-play-btn{padding:var(--spacing-sm, 8px) var(--spacing-md, 16px);background:linear-gradient(135deg,var(--color-success, #4CAF50) 0%,#45a049 100%);color:var(--text-inverse-color, white);border:none;border-radius:var(--border-radius-medium, 16px);cursor:pointer;font-size:14px;font-weight:600;transition:all var(--transition-fast, .2s ease);box-shadow:0 2px 8px #4caf504d;white-space:nowrap}.vw-play-btn--playing{background:linear-gradient(135deg,var(--color-warning, #ff9800) 0%,#f57c00 100%);box-shadow:0 2px 8px #ff98004d}.vw-play-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.vw-play-btn--playing:hover{box-shadow:0 4px 12px #ff980066}.vw-play-btn:active{transform:translateY(0)}.vw-mode-switch{display:flex;gap:4px;background:var(--background-secondary-color, rgba(255, 255, 255, .08));border-radius:var(--border-radius-medium, 12px);padding:4px;border:1px solid var(--border-secondary-color, rgba(255, 255, 255, .05))}.vw-mode-btn{padding:6px var(--spacing-md, 12px);background:transparent;color:var(--text-secondary-color, rgba(255, 255, 255, .6));border:none;border-radius:var(--border-radius-small, 8px);cursor:pointer;font-size:12px;font-weight:500;transition:all var(--transition-fast, .2s ease);white-space:nowrap}.vw-mode-btn.active{background:var(--active-bg-color, rgba(59, 130, 246, .3));color:var(--active-text-color, white);box-shadow:0 2px 8px #3b82f633}.vw-mode-btn:hover:not(.active){background:var(--hover-bg-color, rgba(255, 255, 255, .12));color:var(--hover-text-color, rgba(255, 255, 255, .8))}.vw-speed-control{display:flex;align-items:center;gap:10px;padding:4px var(--spacing-sm, 8px);background:var(--background-secondary-color, rgba(255, 255, 255, .05));border-radius:var(--border-radius-medium, 12px);border:1px solid var(--border-secondary-color, rgba(255, 255, 255, .05))}.vw-speed-control label{color:var(--text-secondary-color, rgba(255, 255, 255, .85));font-size:12px;font-weight:500;white-space:nowrap}.vw-speed-control input[type=range]{width:80px;height:4px;background:var(--background-accent-color, rgba(255, 255, 255, .15));border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background var(--transition-fast, .2s)}.vw-speed-control input[type=range]:hover{background:var(--hover-bg-color, rgba(255, 255, 255, .2))}.vw-speed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(135deg,var(--color-white, #fff) 0%,var(--color-gray-200, #e0e0e0) 100%);border-radius:var(--border-radius-round, 50%);cursor:pointer;box-shadow:var(--shadow-light, 0 2px 6px rgba(0, 0, 0, .3));transition:all var(--transition-fast, .2s)}.vw-speed-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-medium, 0 3px 8px rgba(0, 0, 0, .4))}.vw-speed-control input[type=range]::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,var(--color-white, #fff) 0%,var(--color-gray-200, #e0e0e0) 100%);border-radius:var(--border-radius-round, 50%);cursor:pointer;border:none;box-shadow:var(--shadow-light, 0 2px 6px rgba(0, 0, 0, .3));transition:all var(--transition-fast, .2s)}.vw-speed-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-medium, 0 3px 8px rgba(0, 0, 0, .4))}.vw-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:4px var(--spacing-sm, 8px);background:var(--background-secondary-color, rgba(255, 255, 255, .05));border-radius:var(--border-radius-small, 8px);border:1px solid var(--border-secondary-color, rgba(255, 255, 255, .05))}.vw-info span:first-child{color:var(--text-color, rgba(255, 255, 255, .9));font-size:12px;font-weight:600;line-height:1.3;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vw-info span:last-child{color:var(--color-primary, rgba(59, 130, 246, .9));font-size:11px;font-weight:600;font-family:Consolas,Monaco,monospace;letter-spacing:.5px}@media(max-width:768px){.vw-controls{bottom:10px;left:10px;right:10px;transform:none;flex-wrap:wrap;justify-content:center;padding:10px var(--spacing-md, 16px);gap:var(--spacing-sm, 8px)}.vw-play-btn{padding:6px var(--spacing-md, 12px);font-size:13px}.vw-mode-btn{padding:5px 10px;font-size:11px}.vw-speed-control{padding:3px 6px}.vw-speed-control label{font-size:11px}.vw-speed-control input[type=range]{width:60px}.vw-info{width:100%;align-items:center;padding:6px}.vw-info span:first-child{max-width:150px;font-size:11px}.vw-info span:last-child{font-size:10px}}.auto-play-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;animation:toastFadeIn .3s ease-out}.auto-play-toast__content{padding:16px 32px;background:#000000d9;color:#fff;border-radius:8px;font-size:16px;font-weight:500;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.auto-play-toast__content{font-size:14px;padding:12px 24px}}.vw-reader{width:100%;height:100vh;background-color:transparent;position:fixed;top:0;left:0;overflow:hidden;z-index:1;display:flex;flex-direction:column}.vw-virtuoso-container{flex:1;width:100%;max-width:800px;margin-left:auto;margin-right:auto;height:calc(100vh - var(--header-height-desktop, 64px));margin-top:var(--header-height-desktop, 64px);overflow:hidden}@media(max-width:768px){.vw-virtuoso-container{max-width:100%;height:calc(100vh - var(--header-height-mobile, 56px));margin-top:var(--header-height-mobile, 56px)}}.vw-initial-loading{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;color:#fff;margin-top:var(--header-height-desktop, 64px)}@media(max-width:768px){.vw-initial-loading{margin-top:var(--header-height-mobile, 56px)}}.vw-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vw-error{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;color:#f44;margin-top:var(--header-height-desktop, 64px)}@media(max-width:768px){.vw-error{margin-top:var(--header-height-mobile, 56px)}}.vw-error button{margin-top:20px;padding:10px 24px;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.vw-loading{padding:20px;text-align:center;color:#fff9;font-size:14px}.vw-debug-info{position:fixed;bottom:80px;right:10px;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);background:var(--surface-color, rgba(0, 0, 0, .9));color:var(--text-color, #fff);font-size:12px;font-family:Consolas,Monaco,Courier New,monospace;border-radius:var(--border-radius-medium, 12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-heavy, 0 8px 24px rgba(0, 0, 0, .4));border:1px solid var(--border-secondary-color, rgba(255, 255, 255, .1));z-index:9999;min-width:auto;max-width:400px;transition:all var(--transition-normal, .3s ease)}.vw-debug-info:hover{box-shadow:0 12px 32px #00000080;border-color:var(--border-accent-color, rgba(255, 255, 255, .15))}.vw-debug-info p{margin:6px 0;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0}.vw-debug-info p:first-child{padding-top:0;font-weight:600;color:var(--color-primary, #3b82f6);border-bottom:1px solid var(--border-secondary-color, rgba(255, 255, 255, .1));padding-bottom:6px;margin-bottom:8px}.vw-debug-info p:last-child{padding-bottom:0;margin-bottom:0}.vw-debug-info p strong{color:var(--color-primary, #3b82f6);font-weight:600}@media(max-width:768px){.vw-debug-info{right:5px;bottom:70px;padding:10px var(--spacing-md, 12px);font-size:11px;max-width:calc(100vw - 10px);min-width:auto}.vw-debug-info p{margin:4px 0}}.vw-ad-container{width:100%;max-width:800px;margin:20px auto;padding:0 16px;box-sizing:border-box;min-height:400px;display:flex;flex-direction:column}.vw-ad-container .support-us-content{min-height:400px;flex:1}@media(max-width:768px){.vw-ad-container{margin:16px auto;padding:0 12px;min-height:350px}.vw-ad-container .support-us-content{min-height:350px}}