.chapter-access-locked{display:flex;justify-content:center;align-items:center;padding:60px 20px;margin-bottom:30px;border:1px dashed #cbd5f5;border-radius:12px;background:#f8fafc;position:relative;overflow:hidden}.chapter-lock-card{max-width:520px;text-align:center}.chapter-lock-icon{width:72px;height:72px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:2px solid #4c6ef5;color:#4c6ef5;font-size:28px;box-shadow:0 8px 24px rgba(76,110,245,0.15)}.chapter-lock-card h3{font-weight:600;margin-bottom:15px;color:#1e293b}.chapter-lock-card p{color:#475569;font-size:15px;margin-bottom:25px}.chapter-lock-note{display:block;margin-top:20px;font-size:13px;color:#64748b}.chapter-lock-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.unlock-pricing{display:flex;justify-content:space-between;gap:20px;margin:20px 0;padding:12px 18px;border:1px dashed #cbd5f5;border-radius:12px;background:#fff}.unlock-pricing .label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:4px}.unlock-pricing strong{font-size:20px;color:#0f172a}.unlock-status{margin-top:12px;font-weight:500}.unlock-status.info{color:#0f172a}.unlock-status.success{color:#15803d}.unlock-status.error{color:#dc2626}.color-switch .chapter-access-locked{background:#1f2937;border-color:#334155}.color-switch .chapter-lock-card h3{color:#e2e8f0}.color-switch .chapter-lock-card p,.color-switch .chapter-lock-note{color:#cbd5f5}.color-switch .unlock-pricing{background:#111827;border-color:#334155}.color-switch .unlock-pricing strong{color:#f1f5f9}.chapter-login-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1100;padding:16px}.chapter-login-modal.show{display:flex}.chapter-login-modal .modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,0.55)}.chapter-login-modal .modal-dialog{position:relative;background:#ffffff;border-radius:14px;width:100%;max-width:420px;padding:28px 30px;box-shadow:0 18px 40px rgba(15,23,42,0.18);z-index:1;overflow:hidden}.chapter-login-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.chapter-login-modal .modal-header h4{margin:0;font-size:20px;font-weight:600;color:#1e293b}.chapter-login-modal .modal-close{background:transparent;border:none;font-size:26px;line-height:1;color:#475569;cursor:pointer}.chapter-login-modal .modal-close:hover{color:#1e293b}.chapter-login-modal .modal-body{max-height:70vh;overflow-y:auto}.chapter-login-modal .modal-footer{margin-top:18px;text-align:center;font-size:14px;color:#64748b}.chapter-login-form .form-group{margin-bottom:16px;text-align:left}.chapter-login-form label{font-weight:500;margin-bottom:6px;color:#1f2937}.chapter-login-form input[type="text"],.chapter-login-form input[type="password"]{width:100%;border:1px solid #cbd5f5;border-radius:6px;padding:10px 12px;font-size:14px}.chapter-login-form .remember-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569}.chapter-login-form .btn-primary{width:100%;padding:10px 14px;font-weight:600}.color-switch .chapter-login-modal .modal-dialog{background:#111827}.color-switch .chapter-login-modal .modal-header h4{color:#e2e8f0}.color-switch .chapter-login-modal .modal-body,.color-switch .chapter-login-modal .modal-footer{color:#cbd5f5}.color-switch .chapter-login-form label{color:#e5e7eb}.color-switch .chapter-login-form input[type="text"],.color-switch .chapter-login-form input[type="password"]{background:#1f2937;color:#e5e7eb;border-color:#334155}#reader-bottom{position:fixed;left:0;right:0;bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px;z-index:999;background:#3f464fbd;border:1px solid #00b8ff;border-radius:8px;padding:6px 14px;margin:10px auto;width:380px;box-shadow:0 0 12px rgba(0,184,255,.35)}#reader-bottom button,#reader-gear,#reader-chapter-list{border:1px solid #00b8ff;border-radius:6px;display:flex;align-items:center;justify-content:center;height:36px;color:#ffd65a;background:#2d343c;box-shadow:inset 0 0 4px rgba(0,184,255,.2);font-weight:bold}#reader-bottom button:focus,#reader-bottom button:hover,#reader-gear:hover,#reader-chapter-list:hover{outline:none;background:#37404a}#reader-gear,#reader-chapter-list{width:36px;text-decoration:none;cursor:pointer}#reader-gear .glyphicon,#reader-chapter-list .glyphicon{color:#ffd65a;font-size:16px}#reader-controls{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#0000008a;border:2px solid #00b8ff;border-radius:12px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.35);z-index:1000;width:380px;display:none;color:#e9e9e9}#reader-controls .rc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#reader-controls .rc-title{font-weight:600;font-size:18px}#reader-controls .rc-close{background:transparent;border:none;color:#fff;font-size:20px;line-height:1;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}#reader-controls .rc-close:hover{background:#333}#reader-controls .rc-sep{height:1px;background:#3a3a3a;margin:8px 0 10px}#reader-controls .rc-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0}#reader-controls .rc-row .rc-label{display:flex;align-items:center;gap:8px;color:#d0d0d0}#reader-controls .rc-buttons{display:flex;align-items:center;gap:10px}#reader-controls .rc-btn{width:32px;height:32px;border-radius:50%;border:2px solid #6c2bd9;background:#1f1f1f;color:#e9e9e9;display:flex;align-items:center;justify-content:center;cursor:pointer}#reader-controls .rc-btn:active{transform:scale(.96)}#reader-controls .rc-action{border:none;background:#2d2d2d;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer}#reader-controls .rc-action:hover{background:#3a3a3a}#reader-controls input[type="number"]{width:56px;text-align:center;border:1px solid #555;background:#262626;color:#e9e9e9;border-radius:6px;padding:6px}#reader-controls select{max-width:210px;background:#0f172a;color:#fff;border:1px solid #334155;border-radius:8px;padding:8px}#reader-controls .swatches{display:flex;flex-wrap:wrap;gap:10px}#reader-controls .swatch{width:34px;height:34px;border-radius:50%;border:2px solid #777;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(0,0,0,.05);background-size:cover;background-position:center}#reader-controls .swatch.selected{outline:3px solid #6c2bd9;border-color:#eaeaea}#reader-controls .rc-slider{flex:1;margin-left:10px}#reader-controls input[type=range]{width:100%}#rf-play{width:36px;background:#ffb74d;color:#2d343c;cursor:pointer}#rf-speed{display:flex;align-items:center;gap:6px;background:transparent;padding:0;border-radius:0;box-shadow:none}#rf-speed button{width:32px;background:#2d343c;color:#ffd65a;cursor:pointer}#rf-current{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#fff;border:1px solid #00b8ff;border-radius:5px;background:#1f252d;box-shadow:inset 0 0 4px rgba(0,184,255,.35)}.chapter-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:flex-end;justify-content:center;z-index:1050;padding:0 16px 100px 16px;margin:0}.chapter-modal.show{display:flex}.chapter-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25)}.chapter-modal-dialog{position:relative;background:#ffffff;border-radius:16px;width:clamp(280px,42vw,520px);max-width:520px;height:65vh;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,0.15);overflow:hidden;border:1px solid rgba(203,213,225,0.5);margin:auto}.chapter-modal-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:#fafbfc}.chapter-modal-header h4{margin:0;font-size:18px;font-weight:600;color:#1f2937}.chapter-modal-close{border:none;background:transparent;font-size:26px;line-height:1;color:#64748b;cursor:pointer}.chapter-modal-close:hover{color:#111827}.chapter-modal-sort{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e7eb;background:#f8f9fa;gap:12px}.chapter-modal-sort-label{font-weight:600;color:#334155}.chapter-modal-sort-buttons{display:flex;gap:8px}.chapter-modal-sort-buttons .btn{padding:6px 16px;border-radius:999px;border:1px solid #cbd5f5;background:#f0f4ff;color:#1f2937;font-weight:600;cursor:pointer;box-shadow:inset 0 0 0 rgba(79,70,229,0)}.chapter-modal-sort-buttons .btn:hover{background:#e0e7ff}.chapter-modal-sort-buttons .btn.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:inset 0 -2px 0 rgba(255,255,255,0.35)}.chapter-modal-body{position:relative;flex:1;display:flex;flex-direction:column;background:#ffffff;overflow-y:auto;min-height:0}.chapter-modal-loading,.chapter-modal-error{text-align:center;padding:24px 16px;font-weight:500;color:#1d4ed8}.chapter-modal-error{color:#dc2626}.chapter-modal-scroll{flex:1;overflow:hidden;padding:10px 20px 16px 20px;display:none}.chapter-modal-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:100%}.chapter-modal-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:1px solid transparent;color:#0f172a;text-decoration:none;background:#ffffff;transition:background .2s ease,border .2s ease,transform .15s ease}.chapter-modal-item:hover{text-decoration:none;background:#f4f7ff;border-color:#cbd5f5;transform:translateX(3px)}.chapter-modal-number{font-weight:650;color:#2563eb;min-width:128px}.chapter-modal-title{flex:1;color:#0f172a;font-weight:500}.chapter-modal-item.is-current{background:#f5f5f5;border-color:#eca314;box-shadow:0 4px 12px rgba(236,163,20,0.15)}.chapter-modal-item.is-current .chapter-modal-number{color:#2563eb}.chapter-modal-item.is-current .chapter-modal-title{color:#0f172a;font-weight:650}.chapter-current-marker{color:#eca314;font-size:17px}.chapter-modal-footer{padding:12px 20px;border-top:1px solid #e5e7eb;background:#fafbfc;display:flex;justify-content:flex-end}body.chapter-modal-open{overflow-y:scroll !important}.chapter-modal-list::-webkit-scrollbar{width:8px}.chapter-modal-list::-webkit-scrollbar-track{background:rgba(148,163,184,0.25);border-radius:999px}.chapter-modal-list::-webkit-scrollbar-thumb{background:rgba(37,99,235,0.45);border-radius:999px}.chapter-modal-list{scrollbar-width:thin;scrollbar-color:rgba(37,99,235,0.5) rgba(148,163,184,0.2)}.color-switch .chapter-modal-backdrop{background:rgba(0,0,0,0.55)}.color-switch .chapter-modal-dialog{background:#1e293b;border-color:rgba(71,85,105,0.5);box-shadow:0 20px 40px rgba(0,0,0,0.4)}.color-switch .chapter-modal-header{background:#0f172a;border-color:#334155}.color-switch .chapter-modal-header h4{color:#e2e8f0}.color-switch .chapter-modal-close{color:#94a3b8}.color-switch .chapter-modal-close:hover{color:#f1f5f9}.color-switch .chapter-modal-sort{background:#1e293b;border-color:#334155}.color-switch .chapter-modal-sort-label{color:#cbd5e1}.color-switch .chapter-modal-sort-buttons .btn{background:#334155;border-color:#475569;color:#e2e8f0}.color-switch .chapter-modal-sort-buttons .btn:hover{background:#475569}.color-switch .chapter-modal-sort-buttons .btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.color-switch .chapter-modal-body{background:#1e293b}.color-switch .chapter-modal-loading,.color-switch .chapter-modal-error{color:#60a5fa}.color-switch .chapter-modal-error{color:#f87171}.color-switch .chapter-modal-item{background:#1e293b;color:#e2e8f0;border-color:rgba(71,85,105,0.3)}.color-switch .chapter-modal-item:hover{background:#334155;border-color:#475569}.color-switch .chapter-modal-number{color:#60a5fa}.color-switch .chapter-modal-title{color:#e2e8f0}.color-switch .chapter-modal-item.is-current{background:#264159;border-color:#eca314}.color-switch .chapter-modal-item.is-current .chapter-modal-number{color:#60a5fa}.color-switch .chapter-modal-item.is-current .chapter-modal-title{color:#e2e8f0}.color-switch .chapter-current-marker{color:#eca314}.color-switch .chapter-modal-footer{background:#0f172a;border-color:#334155}.color-switch .chapter-modal-list::-webkit-scrollbar-thumb{background:rgba(99,102,241,0.6)}.color-switch .chapter-modal-list{scrollbar-color:rgba(99,102,241,0.6) rgba(51,65,85,0.3)}@media(max-width:480px){.chapter-modal{padding:0 12px 100px 12px}.chapter-modal-dialog{width:100%;height:calc(100vh - 120px);max-height:calc(100vh - 120px);min-height:300px;display:flex;flex-direction:column}.chapter-modal-body{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(37,99,235,0.5) rgba(148,163,184,0.2)}.chapter-modal-body::-webkit-scrollbar{width:8px}.chapter-modal-body::-webkit-scrollbar-track{background:rgba(148,163,184,0.25);border-radius:999px}.chapter-modal-body::-webkit-scrollbar-thumb{background:rgba(37,99,235,0.45);border-radius:999px}.chapter-modal-scroll{overflow:visible;display:block !important}.chapter-modal-list{overflow:visible;max-height:none}.chapter-modal-sort{flex-wrap:wrap;gap:8px;flex-shrink:0}.chapter-modal-header{flex-shrink:0}.chapter-modal-footer{flex-shrink:0}.chapter-modal-sort-buttons{width:100%;justify-content:flex-end}.chapter-modal-sort-buttons .btn{flex:1}.color-switch .chapter-modal-body::-webkit-scrollbar-thumb{background:rgba(99,102,241,0.6)}.color-switch .chapter-modal-body{scrollbar-color:rgba(99,102,241,0.6) rgba(51,65,85,0.3)}}@media(max-width:600px){#reader-controls{left:10px;right:10px;transform:none;width:auto}#reader-bottom{width:auto}}.related-stories-chapter{margin:30px 0;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.related-stories-chapter .title-list{margin-bottom:15px}.related-stories-chapter .title-list h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.related-stories-chapter .title-list h2 .glyphicon{margin-right:8px;color:#6366f1}.chapter-related-list{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;padding:0;margin:0}.chapter-related-list .truyenhot_li_customcol{background:#fff;border-radius:8px;padding:12px;border:1px solid #e2e8f0;transition:transform 0.2s,box-shadow 0.2s}.chapter-related-list .truyenhot_li_customcol:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}@media (min-width:768px){.chapter-related-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.chapter-related-list{grid-template-columns:repeat(3,1fr)}}.color-switch .related-stories-chapter{background:#1e293b;border-color:#334155}.color-switch .related-stories-chapter .title-list h2{color:#e2e8f0}.color-switch .chapter-related-list .truyenhot_li_customcol{background:#0f172a;border-color:#334155}.color-switch .chapter-related-list .truyenhot_li_customcol:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3)}