:root{--primary-color-1: #fbddb1;--primary-color-2: #707553;--primary-color-3: #c0524f;--primary-color-4: #ffcc80;--primary-color-5: #f5eee5;--primary-color-6: #cf6e6a;--primary-color-7: #969d6b;--purple-color-1: #d8a0db;--purple-color-2: #e9c9f9;--primary-bg-1: #d9d9d966;--primary-bg-2: #f0f8ff;--primary-bg-3: #f5eee4;--bg-list: #fafafa;--color-text: #333;--tw-text-opacity: 1;--success-color: #28a745}@font-face{font-family:SVN-Apple;src:url(/build/assets/SVN-Apple-DO7zZr6R.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Segoe UI,Segoe UI Variable,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background-color:var(--primary-bg-3)}.font-svn-apple{font-family:SVN-Apple,sans-serif!important;letter-spacing:2px}.color-hover{color:var(--color-text)}.color-hover:hover{color:var(--primary-color-3)!important}.bg-primary-bg-2{background:var(--primary-bg-2)!important}.bg-primary-1{background:var(--primary-bg-1)!important}.color-success-custom{color:var(--success-color)!important}.bg-success-custom{background:var(--success-color)!important}.hover-color-1:hover{color:var(--primary-color-1)!important}.hover-color-2:hover{color:var(--primary-color-2)!important}.hover-color-3:hover{color:var(--primary-color-3)!important}.hover-color-7:hover{color:var(--primary-color-7)!important}.text-gray-600{color:rgb(75 85 99 / var(--tw-text-opacity))}.text-sm{font-size:.875rem;line-height:1.25rem}.text-ssm{font-size:.75rem!important;line-height:1rem!important}.color-text{color:var(--color-text)!important}.color-1{color:var(--primary-color-1)!important}a.color-1:hover{filter:brightness(80%)}.color-2{color:var(--primary-color-2)!important}a.color-2:hover{filter:brightness(80%)}.color-3{color:var(--primary-color-3)!important}a.color-3:hover{filter:brightness(80%)}.color-4{color:var(--primary-color-4)!important}a.color-4:hover{filter:brightness(80%)}.color-5{color:var(--primary-color-5)!important}a.color-5:hover{filter:brightness(80%)}.color-6{color:var(--primary-color-6)!important}a.color-6:hover{filter:brightness(80%)}.color-7{color:var(--primary-color-7)!important}a.color-7:hover{filter:brightness(80%)}.color-pp-1{color:var(--purple-color-1)!important}.color-pp-2{color:var(--purple-color-2)!important}.bg-1{background:var(--primary-color-1)!important}.bg-2{background:var(--primary-color-2)!important}.bg-3{background:var(--primary-color-3)!important}.bg-4{background:var(--primary-color-4)!important}.bg-5{background:var(--primary-color-5)!important}.bg-6{background:var(--primary-color-6)!important}.bg-7{background:var(--primary-color-7)!important}.bg-pp-1{background:var(--purple-color-1)!important}.bg-pp-2{background:var(--purple-color-2)!important}.bg-list{background:var(--bg-list)!important}.fs-24{font-size:24px}.fs-15{font-size:15px}.transition-transform{transition:transform .3s ease}[aria-expanded=true] .transition-transform{transform:rotate(180deg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{display:flex;align-items:center;color:#333;text-decoration:none;transition:all .3s ease;border-radius:8px}.mobile-menu-item:hover{background-color:#f8f9fa;transform:translate(5px)}.divider{opacity:.1}.mobile-section{padding:0 10px}.blink-animation{animation:blink 1s infinite;top:-17px;right:-20px}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.space-margins{margin-top:200px}.box-shadow-top{box-shadow:0 -4px 8px #0000001a}.box-shadow{box-shadow:0 4px 8px #0000001a;border-radius:10px}.underline-none{text-decoration:none}.underline-none.hover:hover{text-decoration:underline}.btn-rd-05rem{border-radius:.5rem}.bg-e2e8f0{background:#e2e8f0}.line-height-05{line-height:.5}.line-height-16{line-height:16px}.break-word{word-wrap:break-word}.white-space-no-wrap-none{white-space:normal!important}.responsive-text-xs{font-size:.5rem}.responsive-text-small{font-size:.75rem}.responsive-text-medium{font-size:1rem}.responsive-text-large{font-size:1.25rem}@media (min-width: 768px){.responsive-text-xs{font-size:.75rem}.responsive-text-small{font-size:1rem}.responsive-text-medium{font-size:1.25rem}.responsive-text-large{font-size:1.5rem}}@media (min-width: 992px){.responsive-text-small{font-size:1.25rem}.responsive-text-small.none-lg{font-size:1rem!important}.lh-lg-none{line-height:normal!important}.responsive-text-medium{font-size:1.5rem}.responsive-text-large{font-size:1.75rem}}.small-input{font-size:.75rem}.small-input::placeholder{font-size:.75rem}.medium-input{font-size:1rem}.medium-input::placeholder{font-size:1rem}.border-color-1{border-color:var(--primary-color-1)!important}.border-color-2{border-color:var(--primary-color-2)!important}.border-color-3{border-color:var(--primary-color-3)!important}.border-color-4{border-color:var(--primary-color-4)!important}.border-color-5{border-color:var(--primary-color-5)!important}.border-color-6{border-color:var(--primary-color-6)!important}.border-color-7{border-color:var(--primary-color-7)!important}.icon-menu{height:35px;width:35px}.fs-7{font-size:.875rem}.loading-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.otp-container{gap:10px}.otp-input{width:50px;height:50px;text-align:center;font-size:24px;border:2px solid #ccc;border-radius:5px;transition:all .3s ease}.otp-input:focus{border-color:#007bff;outline:none}@media (max-width: 600px){.otp-container{gap:5px}.otp-input{width:40px;height:40px;font-size:20px}}@media (max-width: 400px){.otp-container{gap:3px}.otp-input{width:35px;height:35px;font-size:18px}}.social-icons{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--primary-color-3, #ff5da2);color:#fff;font-size:18px;transition:all .3s ease;text-decoration:none}.social-icon:hover{background-color:var(--primary-color-4, #ff3b8e);transform:translateY(-3px);box-shadow:0 5px 15px #ff5da266;color:#fff}.footer-links{display:flex;justify-content:center;align-items:center;gap:10px}.footer-links a{padding:0 15px;position:relative;color:#333;transition:color .2s}.footer-links a:hover{color:var(--primary-color-3)}.footer-links a:not(:last-child):after{content:"";position:absolute;right:-1px;top:20%;height:60%;width:1.5px;background-color:#000}.border-top-custom-2{border-top:3px solid #c5c5c5}.chapter-list{list-style-type:none;padding:0}.chapter-list li a{display:flex;align-items:center;text-decoration:none}.chapter-list .date{font-weight:700}.chapter-list .date{font-weight:700;border:1px solid;display:flex;border-radius:4px;text-align:center;width:45px;height:45px;line-height:1.2;flex-direction:column;justify-content:center}.chapter-list .date span{display:block}.fs-7{font-size:.7em}.fs-8{font-size:.8em}.mt-80{margin-top:80px}.mt-88{margin-top:88px}.mt-68{margin-top:68px}.mt-50{margin-top:50px}.mt-120{margin-top:120px}.color-a30000{color:#a30000!important}.custom-container{width:100%}@media (min-width: 768px){.custom-container{width:768px!important}}@media (min-width: 1024px){.custom-container{width:1024px!important}}.info-card{padding:1rem;background:#e7e7e7;border-radius:10px;box-shadow:0 0 15px #0000000d;text-align:center;transition:transform .3s ease}.info-card:hover{transform:translateY(-5px)}.info-title{margin-bottom:1rem;font-weight:600}.stats-list{display:flex;flex-direction:column;gap:.8rem}.counter{font-weight:700;margin-right:5px;transition:all .3s ease-out}.stat-item{opacity:0;animation:fadeIn .5s ease forwards}.rating{text-align:center}.stars{display:inline-flex;gap:5px}.stars i{font-size:24px;color:transparent;-webkit-text-stroke:1px #ffb64a}.stars i.full{background:#ffb64a;-webkit-background-clip:text;background-clip:text}.stars i.half{background:linear-gradient(to right,#ffb64a 50%,transparent 50%);-webkit-background-clip:text;background-clip:text}.stars i.empty{background:transparent;-webkit-background-clip:text;background-clip:text}.rating-number{font-size:18px;font-weight:600;color:#333}.bg-site{background:var(--primary-color-1)!important}.text-justify{text-align:justify!important}.transition-header{position:fixed;width:100%;top:0;left:0;z-index:1030;background-color:transparent;transition:all .5s cubic-bezier(.25,.46,.45,.94);border-bottom:1px solid rgba(255,255,255,0)}.transition-header.scrolled{animation:headerTransform 1.2s forwards cubic-bezier(.33,1,.68,1)}@keyframes headerTransform{0%{background:linear-gradient(45deg,#ffb6d500,#add8e600);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);box-shadow:0 0 #0000;border-bottom:1px solid rgba(255,255,255,0)}15%{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(45deg,#f1f5f7,#f7efd0)}40%{background:linear-gradient(45deg,#dceef8,#fdeba4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,.3)}70%{background:linear-gradient(45deg,#b5e2fc,#ffe371);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 10px #0000000d}to{background:linear-gradient(45deg,var(--primary-color-2),var(--primary-color-3));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 15px #0000001a;border-bottom:1px solid rgba(255,255,255,.5)}}.transition-header.scrolled:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:linear-gradient(to right,var(--primary-color-3),var(--primary-color-2));animation:borderSlide 1.5s forwards cubic-bezier(.16,1,.3,1);animation-delay:.3s}@keyframes borderSlide{0%{width:0%;opacity:0}to{width:100%;opacity:1}}.transition-header.scrolled:before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(to right,#fff0,#fff3,#fff0);transform:skew(-25deg);animation:shimmer 3s infinite;pointer-events:none;z-index:1}@keyframes shimmer{0%{left:-150%}50%{left:150%}to{left:150%}}.transition-header .nav-link,.transition-header .navbar-brand,.transition-header .dropdown-toggle{transition:all .5s ease;position:relative}.navbar-nav .nav-link:hover{color:var(--primary-color-3)!important;transform:translateY(-1px);transition:all .3s ease}@keyframes linkUnderline{0%{transform:scaleX(0);transform-origin:right}to{transform:scaleX(1);transform-origin:left}}.transition-header .search-input{transition:all .5s ease;opacity:.8}.transition-header.scrolled .search-input{background:#ffffffb3;border:1px solid rgba(255,255,255,.3);transition:all .4s ease-in-out;opacity:1;animation:searchAppear .8s forwards}@keyframes searchAppear{0%{opacity:0;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1)}}.transition-header.scrolled .search-input:focus{background:#ffffffe6;box-shadow:0 0 15px #ffffff80;transform:scale(1.02)}.auth-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.auth-card{background:#fff;border-radius:15px;box-shadow:0 10px 20px #0000000d;overflow:hidden;transition:all .3s ease}.auth-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.auth-logo{max-width:200px;transition:all .3s ease}.auth-title{font-size:1.8rem;font-weight:600;color:var(--primary-color-3);margin-bottom:2rem}.form-floating input{border-radius:10px;border:2px solid #eee;transition:all .3s ease}.form-floating input:focus{border-color:#ee097980;box-shadow:0 0 0 .2rem #ee097940}.auth-btn{border-radius:10px;padding:12px;font-weight:600;letter-spacing:.5px;color:var(--primary-color-3);transition:all .3s ease}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--primary-color-1)}.auth-link{color:#ee0979;transition:all .3s ease}.auth-link:hover{color:#ff6a00;text-decoration:none}.search-container{max-width:300px}.search-container .position-relative{width:100%}.search-input{padding-right:45px;border-radius:20px;border:2px solid #e9ecef;transition:all .3s ease;height:40px}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.search-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#6c757d;padding:6px 12px;transition:all .3s ease}.search-btn:hover{color:#007bff;background:transparent}@media (max-width: 991.98px){.search-container{max-width:100%}}.footer-categories{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.footer-category{color:#ffffffb3;text-decoration:none;padding:5px 12px;border-radius:20px;font-size:.9rem;background:#ffffff1a;transition:all .3s ease}.footer-category:hover{color:#fff;background:#fff3;transform:translateY(-2px)}@media (max-width: 768px){.footer-category{font-size:.85rem;padding:4px 10px}}.category-menu{min-width:600px;padding:15px}.category-menu .dropdown-item{padding:8px 15px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-menu .dropdown-item:hover{background-color:#f8f9fa}.accordion-button:after{margin-left:auto}.accordion-button:not(.collapsed){color:var(--primary-color-3)!important;background-color:transparent;box-shadow:none}.accordion-button:not(.collapsed):after{color:var(--primary-color-3)!important}.accordion-button:focus{box-shadow:none}@media (max-width: 768px){.category-menu{min-width:100%}}.accordion-button.mobile-menu-item{background:transparent;padding:.5rem 0;width:100%;text-align:left}.accordion-button.mobile-menu-item:not(.collapsed){background-color:transparent;box-shadow:none}.accordion-button.mobile-menu-item:after{margin-left:auto}.accordion-button.mobile-menu-item:focus{box-shadow:none}.mobile-menu-item{color:#212529;text-decoration:none;transition:color .2s ease}.mobile-menu-item:hover{color:var(--primary-color-3)!important}#categoryCollapse .mobile-menu-item{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#categoryCollapse .badge{font-size:.75rem;margin-left:.5rem}@media (max-width: 375px){#categoryCollapse .mobile-menu-item{font-size:.8rem}#categoryCollapse .badge{font-size:.7rem}}.new-stories-section{--primary-color: #4e73df;--hover-color: #2e59d9;--border-radius: 1rem;--transition: all .3s ease}.content-wrapper{background:#fffffff2;border-radius:var(--border-radius);box-shadow:0 .5rem 1rem #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}.content-wrapper:hover{transform:translateY(-2px);box-shadow:0 1rem 2rem #0000001a}.section-header{padding:.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.section-title{font-size:1.5rem;font-weight:600;color:#2d3436;margin:0}.custom-select{border:2px solid rgba(78,115,223,.1);border-radius:.75rem;padding:.5rem 2rem .5rem 1rem;background-color:#ffffffe6;transition:var(--transition)}.custom-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #4e73df40}.story-item{transition:var(--transition);animation:fadeIn .5s ease}.story-item:hover{transform:translate(5px)}.sidebar-widget{background:#fffffff2;border-radius:var(--border-radius);box-shadow:0 .5rem 1rem #0000000d;margin-bottom:1.5rem;overflow:hidden;animation:slideUp .5s ease}.widget-header{padding:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.widget-title{font-size:1.25rem;font-weight:600;color:#2d3436;margin:0}.recent-story-item{padding:1rem;border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition)}.recent-story-item:hover{background:#4e73df0d}.story-thumb-wrapper{position:relative;overflow:hidden;border-radius:.5rem}.recent-story-thumb{width:60px;height:80px;object-fit:cover;transition:var(--transition)}.recent-story-item:hover .recent-story-thumb{transform:scale(1.1)}.reading-progress{margin-top:.5rem}.progress-label{font-size:.8rem;color:#6c757d;margin-bottom:.25rem}.progress{height:4px;border-radius:2px;background:#0000000d}.progress-bar{background:var(--primary-color);border-radius:2px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.category-item{position:relative;padding:.75rem;background:#ffffffe6;border:1px solid rgba(0,0,0,.05);border-radius:.75rem;text-decoration:none;text-align:center;transition:var(--transition);overflow:hidden}.category-item:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 .5rem 1rem #4e73df33}.category-name{font-weight:500;display:block}.story-count{font-size:.8rem;opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{position:relative;opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;border:3px solid rgba(78,115,223,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.section-title{font-size:1.25rem}.category-grid{grid-template-columns:repeat(2,1fr)}.story-item{padding:.5rem}}.fs-9{font-size:.7rem!important}.cl-8ed7ff,.cl-8ed7ff:hover{color:#8ed7ff!important}.cl-8ed7ff:focus{color:#8ed7ff!important}.cl-cdedff,.cl-cdedff:hover{color:#cdedff!important}.cl-cdedff:focus{color:#cdedff!important}.cl-ffe371,.cl-ffe371:hover{color:#ffe371!important}.cl-ffe371:focus{color:#ffe371!important}.cl-fff3b2,.cl-fff3b2:hover{color:#fff3b2!important}.cl-fff3b2:focus{color:#fff3b2!important}.bg-8ed7ff,.bg-8ed7ff:hover{background:#8ed7ff!important}.bg-cdedff{background:#cdedff!important}.bg-ffe371{background:#ffe371!important}.bg-fff3b2{background:#fff3b2!important}.bg-53e09f{background:#53e09f!important}.cl-53e09f{color:#53e09f!important}.hover-cl-8ed7ff:hover{color:#8ed7ff!important}.hover-cl-53e09f:hover{color:#53e09f!important}.divider{display:flex;align-items:center;text-align:center}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #575757}.btn-outline-secondary{transition:all .3s ease}.btn-outline-secondary:hover{background-color:#f8f9fa;border-color:#dadce0}.custom-zalo{display:inline-block;width:1em;height:1em;background-image:url(https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Icon_of_Zalo.svg/50px-Icon_of_Zalo.svg.png);background-repeat:no-repeat;background-position:center;background-size:contain;vertical-align:-.125em}.social-icon .custom-zalo{font-size:1.2em}body.dark-mode{background-color:#1a1a1a!important;transition:all .3s ease}body.dark-mode .color-hover{color:#ccc!important}body.dark-mode .color-hover:hover,body.dark-mode .text-dark{color:#fff!important}body.dark-mode .text-gray-600{color:#b9cfee!important}body.dark-mode .navbar-brand{color:#e0e0e0!important}body.dark-mode .search-input{background-color:#ffffff1a!important;border-color:#fff3!important;color:#e0e0e0!important}body.dark-mode .search-input::placeholder{color:#e0e0e0b3!important}body.dark-mode .search-input:focus{background-color:#ffffff26!important;border-color:var(--primary-color-3)!important;color:#e0e0e0!important}body.dark-mode .dropdown-menu{background-color:#2d2d2d!important;border-color:#404040!important}body.dark-mode .dropdown-item{color:#e0e0e0!important}body.dark-mode .dropdown-item:hover{background-color:#404040!important;color:#fff!important}body.dark-mode .card,body.dark-mode .content-wrapper,body.dark-mode,body.dark-mode .info-card{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body.dark-mode .bg-white{background-color:#525252!important}body.dark-mode .buy-combo-btn{color:#fff!important}body.dark-mode .search-content{background-color:#525252!important}body.dark-mode .payment-info-value{color:#fff!important}body.dark-mode .batch-format-example{background-color:#090909!important}body.dark-mode .story-card{background-color:#525252!important;border-color:#404040!important}body.dark-mode .text-muted,body.dark-mode .user-nav-link{color:#c5c5c5!important}body.dark-mode .user-content{background-color:#525252!important}body.dark-mode .user-nav-link.active{color:#fff!important}body.dark-mode .story-title a{color:#e0e0e0!important}body.dark-mode .story-title a:hover{color:var(--primary-color-3)!important}body.dark-mode .badge{background-color:#404040!important;color:#e0e0e0!important}body.dark-mode .btn-outline-secondary{border-color:#404040!important;color:#e0e0e0!important}body.dark-mode .btn-outline-secondary:hover{background-color:#404040!important;border-color:#404040!important;color:#fff!important}body.dark-mode .form-control{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body.dark-mode .form-control:focus{background-color:#2d2d2d!important;border-color:var(--primary-color-3)!important;color:#e0e0e0!important;box-shadow:0 0 0 .2rem #d86b6b40!important}body.dark-mode .form-control::placeholder{color:#e0e0e0b3!important}body.dark-mode .breadcrumb{background-color:transparent!important}body.dark-mode .breadcrumb-item,body.dark-mode .breadcrumb-item a{color:#e0e0e0!important}body.dark-mode .breadcrumb-item.active{color:var(--primary-color-3)!important}body.dark-mode .alert{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body.dark-mode .alert-success{background-color:#28a74533!important;border-color:#28a745!important;color:#28a745!important}body.dark-mode .alert-danger{background-color:#dc354533!important;border-color:#dc3545!important;color:#dc3545!important}body.dark-mode .table{color:#e0e0e0!important}body.dark-mode .table-striped tbody tr:nth-of-type(odd){background-color:#ffffff0d!important}body.dark-mode .table-hover tbody tr:hover{background-color:#ffffff1a!important}body.dark-mode .page-link{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body.dark-mode .page-link:hover{background-color:#404040!important;border-color:#404040!important;color:#fff!important}body.dark-mode .page-item.active .page-link{background-color:var(--primary-color-3)!important;border-color:var(--primary-color-3)!important;color:#fff!important}body.dark-mode .modal-content{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body.dark-mode .modal-header{border-bottom-color:#404040!important}body.dark-mode .modal-footer{border-top-color:#404040!important}body.dark-mode .btn-close{filter:invert(1)!important}body.dark-mode .offcanvas{background-color:#2d2d2d!important;color:#e0e0e0!important}body.dark-mode .offcanvas-header{border-bottom-color:#404040!important}body.dark-mode .accordion-item{background-color:#2d2d2d!important;border-color:#404040!important}body.dark-mode .accordion-button{background-color:#2d2d2d!important;color:#e0e0e0!important}body.dark-mode .accordion-button:not(.collapsed){background-color:#404040!important;color:#e0e0e0!important}body.dark-mode .accordion-button:after{filter:invert(1)!important}body.dark-mode .accordion-body{background-color:#2d2d2d!important;color:#e0e0e0!important}body.dark-mode .progress{background-color:#404040!important}body.dark-mode .list-group-item{background-color:#2d2d2d!important;border-color:#404040!important;color:#e0e0e0!important}body.dark-mode .list-group-item:hover{background-color:#404040!important}body.dark-mode .title-dark{color:#e0e0e0!important}body.dark-mode footer{background-color:#1a1a1a!important;color:#e0e0e0!important}body.dark-mode .footer-category{color:#e0e0e0b3!important;background:#ffffff1a!important}body.dark-mode .footer-category:hover{color:#e0e0e0!important;background:#fff3!important}body.dark-mode .social-icon{background-color:var(--primary-color-3)!important}body.dark-mode .social-icon:hover{background-color:var(--primary-color-1)!important}body.dark-mode .reading-settings-container{z-index:1000}body.dark-mode .reading-settings-toggle{background-color:var(--primary-color-3)!important;color:#fff!important}body.dark-mode .reading-setting-btn{background-color:#2d2d2d!important;color:var(--primary-color-3)!important;border-color:var(--primary-color-3)!important}body.dark-mode .reading-setting-btn:hover,body.dark-mode .reading-setting-btn.active{background-color:var(--primary-color-3)!important;color:#fff!important}body.dark-mode .font-family-dropdown{background-color:#2d2d2d!important;border-color:#404040!important}body.dark-mode .font-family-dropdown button{color:#e0e0e0!important}body.dark-mode .font-family-dropdown button:hover{background-color:#404040!important}body.dark-mode .btn-outline-dark{border-color:#404040!important;color:#e0e0e0!important}body.dark-mode .btn-outline-dark:hover{background-color:#404040!important;border-color:#404040!important;color:#fff!important}.reading-settings-container{z-index:1000;display:block!important;position:fixed!important;bottom:0!important;left:0!important;transition:opacity .3s ease,transform .3s ease;pointer-events:all}.reading-settings-toggle{width:45px;height:45px;border-radius:50%;background-color:var(--primary-color-3);color:#fff;border:none;box-shadow:0 2px 10px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease}.reading-settings-toggle:hover{transform:scale(1.1)}.reading-settings-toggle i{font-size:20px}.reading-settings-menu{position:absolute;bottom:60px;left:0;display:flex;flex-direction:column-reverse;gap:8px;opacity:0;visibility:hidden;transition:all .3s ease;transform:translateY(10px);z-index:1001;pointer-events:all}.reading-settings-menu.active{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;display:flex!important}.reading-settings-menu.active{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;display:flex!important;position:absolute!important;bottom:60px!important;left:0!important;z-index:1001!important}.reading-setting-btn{width:45px;height:45px;border-radius:50%;background-color:#fff;color:var(--primary-color-3);border:2px solid var(--primary-color-3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000001a}.reading-setting-btn:hover{transform:scale(1.1);background-color:var(--primary-color-3);color:#fff}.reading-setting-btn.active{background-color:var(--primary-color-3);color:#fff}.font-family-dropdown{position:absolute;left:60px;bottom:0;background:#fff;border-radius:8px;box-shadow:0 3px 10px #0003;padding:10px;display:none;border:1px solid #ddd}.font-family-dropdown.active{display:block}.font-family-dropdown button{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;cursor:pointer;border-radius:4px;color:#333;transition:background-color .2s ease}.font-family-dropdown button:hover{background-color:#f0f0f0}body.font-segoe{font-family:Segoe UI,sans-serif!important}body.font-roboto{font-family:Roboto,sans-serif!important}body.font-open-sans{font-family:Open Sans,sans-serif!important}body.font-lora{font-family:Lora,serif!important}body.font-merriweather{font-family:Merriweather,serif!important}body.font-noto-sans{font-family:Noto Sans,sans-serif!important}.background-color-dropdown{position:absolute;left:60px;bottom:0;background:#fff;border-radius:8px;box-shadow:0 3px 10px #0003;padding:8px;display:none;border:1px solid #ddd;width:200px;max-height:300px;overflow-y:auto;z-index:1002}.background-color-dropdown.active{display:block}.background-color-dropdown button{display:flex;align-items:center;width:100%;text-align:left;padding:10px 12px;border:none;background:none;cursor:pointer;border-radius:6px;color:#333;transition:all .2s ease;margin-bottom:4px;font-size:14px;font-weight:500}.background-color-dropdown button:last-child{margin-bottom:0}.background-color-dropdown button:hover{background-color:rgba(var(--primary-color-3-rgb, 59, 130, 246),.1);transform:translate(2px)}.color-preview{width:24px;height:24px;border-radius:50%;margin-right:12px;border:2px solid #fff;box-shadow:0 0 0 1px #0000001a;flex-shrink:0}body.dark-mode .background-color-dropdown{background-color:#2d2d2d!important;border-color:#404040!important}body.dark-mode .background-color-dropdown button{color:#e0e0e0!important}body.dark-mode .background-color-dropdown button:hover{background-color:#ffffff1a!important;transform:translate(2px)}body.dark-mode .color-preview{border-color:#404040;box-shadow:0 0 0 1px #ffffff1a}#chapter-content.bg-white{background-color:#fff!important;color:#000!important}#chapter-content.bg-sepia{background-color:#f5e4c1!important;color:#3e2723!important}#chapter-content.bg-warm{background-color:#ffedd5!important;color:#7c2d12!important}#chapter-content.bg-cream{background-color:#faf4d4!important;color:#365314!important}#chapter-content.bg-mint{background-color:#ecfef6!important;color:#064e3b!important}#chapter-content.bg-gray-dark{background-color:#374151!important;color:#f9fafb!important}#chapter-content.bg-black{background-color:#000!important;color:#e5e7eb!important}#chapter-content.bg-navy{background-color:#001f3f!important;color:#dbeafe!important}#chapter-content.bg-forest{background-color:#052e16!important;color:#d1fae5!important}#chapter-content.bg-midnight{background-color:#0d1224!important;color:#e2e8f0!important}.category-menu{scrollbar-width:thin;scrollbar-color:var(--primary-color-2) var(--primary-bg-3)}.category-menu::-webkit-scrollbar{width:6px}.category-menu::-webkit-scrollbar-track{background:var(--primary-bg-3);border-radius:3px}.category-menu::-webkit-scrollbar-thumb{background:var(--primary-color-2);border-radius:3px}.category-menu::-webkit-scrollbar-thumb:hover{background:var(--primary-color-3)}