:root{--bg-color: #f7f8fa;--text-color: #2b2f38;--card-bg: #ffffff;--card-border: #ebeef2;--card-border-hover: #d0d7de;--text-muted: #6b7280;--modal-bg: #ffffff;--input-bg: #f3f4f6;--input-border: #e1e4e8;--dropdown-bg: #ffffff;--footer-bg: #ffffff}[data-theme=dark]{--bg-color: #0f172a;--text-color: #f1f5f9;--card-bg: #1e293b;--card-border: #334155;--card-border-hover: #475569;--text-muted: #94a3b8;--modal-bg: #1e293b;--input-bg: #0f172a;--input-border: #334155;--dropdown-bg: #1e293b;--footer-bg: #1e293b}body{color:var(--text-color);background-color:var(--bg-color);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13.5px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;transition:background-color .2s ease,color .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-card{animation:fadeInUp .35s ease forwards}.card-clean-novel{border:1px solid var(--card-border);background-color:var(--card-bg)!important;color:var(--text-color);border-radius:10px;box-shadow:0 2px 6px #00000008;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;cursor:pointer;overflow:hidden}.card-clean-novel:hover{transform:translateY(-2px);border-color:var(--card-border-hover);box-shadow:0 6px 16px #00000014}.ratio-cover-container{width:100%;aspect-ratio:2 / 3;overflow:hidden;border-radius:6px;background-color:var(--input-bg)}.novel-cover-img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.card-clean-novel:hover .novel-cover-img{transform:scale(1.03)}.carousel-cover-img{height:175px;width:120px;aspect-ratio:2 / 3;object-fit:cover;border-radius:6px;box-shadow:0 4px 10px #0000001a;transition:transform .2s ease}.carousel-cover-img:hover{transform:translateY(-3px) scale(1.02)}.tristate-chip{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11.5px;padding:4px 10px;border-radius:20px;font-weight:400;border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-color);transition:all .15s ease;display:inline-flex;align-items:center;gap:5px}.tristate-chip:hover{background-color:var(--input-bg);border-color:var(--card-border-hover)}.tristate-chip.state-include{background-color:#ecfdf5!important;color:#065f46!important;border-color:#10b981!important;font-weight:600}.tristate-chip.state-exclude{background-color:#fff1f2!important;color:#9f1239!important;border-color:#f43f5e!important;font-weight:600;text-decoration:line-through}.filter-chip{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11.5px;padding:4px 10px;border-radius:20px;font-weight:400;border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-color);transition:all .15s ease}.filter-chip:hover{background-color:var(--input-bg);border-color:var(--card-border-hover)}.filter-chip.active{background-color:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;font-weight:500}.shadow-xs{box-shadow:0 1px 2px #0000000a}.badge-length-short{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.badge-length-medium{background-color:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.badge-length-long{background-color:#fef3c7;color:#92400e;border:1px solid #f59e0b}.badge-length-epic{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.mobile-bottom-nav{display:none}@media(max-width:767.98px){.mobile-bottom-nav{display:flex!important;background-color:var(--card-bg)!important;border-color:var(--card-border)!important}body{padding-bottom:60px}}[data-theme=dark] .bg-white,[data-theme=dark] .modal-content,[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer,[data-theme=dark] footer,[data-theme=dark] header,[data-theme=dark] .card{background-color:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--card-border)!important}[data-theme=dark] .bg-light{background-color:#0f172a!important;color:#f1f5f9!important;border-color:#334155!important}[data-theme=dark] .text-dark,[data-theme=dark] .navbar-brand span{color:#f1f5f9!important}[data-theme=dark] .text-muted{color:var(--text-muted)!important}[data-theme=dark] .form-control,[data-theme=dark] .form-select{background-color:#0f172a!important;color:#f1f5f9!important;border-color:var(--card-border)!important}[data-theme=dark] .dropdown-menu{background-color:var(--dropdown-bg)!important;border-color:var(--card-border)!important}[data-theme=dark] .dropdown-item{color:#f1f5f9!important}[data-theme=dark] .dropdown-item:hover{background-color:#334155!important}[data-theme=dark] .btn-dark,[data-theme=dark] .badge.bg-dark{background-color:#27272a!important;color:#f4f4f5!important;border:1px solid #3f3f46!important}[data-theme=dark] .btn-dark:hover{background-color:#3f3f46!important;color:#fff!important}[data-theme=dark] .btn-outline-secondary{color:#cbd5e1!important;border-color:#475569!important}[data-theme=dark] .btn-outline-secondary:hover{background-color:#334155!important;color:#fff!important}[data-theme=dark] .border,[data-theme=dark] .border-top,[data-theme=dark] .border-bottom,[data-theme=dark] .border-end,[data-theme=dark] .border-start{border-color:var(--card-border)!important}[data-theme=dark] .input-group-text{background-color:#0f172a!important;border-color:var(--card-border)!important;color:var(--text-muted)!important}
