.novels-page{background-color:var(--dark-base);min-height:100vh}.novels-hero{background:linear-gradient(160deg,#060810 0%,#0c0f1e 60%,var(--dark-base)100%);border-bottom:1px solid var(--border);padding:52px 28px 44px}.novels-hero-inner{max-width:var(--container-max-width);margin:0 auto}.novels-page-body{max-width:var(--container-max-width);margin:0 auto;padding:28px}.novels-header{max-width:var(--container-max-width);margin:0 auto 2rem}.novels-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800}.novels-subtitle{color:var(--text-tertiary);margin-bottom:0;font-size:.9rem}.filters-toolbar{color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.filters-summary{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.85rem}.filters-toolbar-label{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.filters-shortcut{color:var(--text-muted);text-transform:none;letter-spacing:.02em;align-items:center;gap:.35rem;font-size:.7rem;display:inline-flex}.filters-shortcut kbd{min-width:1.4rem;color:var(--text-secondary);text-transform:uppercase;background:#0f172a99;border:1px solid #94a3b866;border-radius:6px;justify-content:center;align-items:center;padding:.1rem .35rem;font-size:.7rem;font-weight:600;display:inline-flex}.filters-clear{color:var(--primary-blue-light);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.filters-clear:hover{color:var(--primary-blue);text-decoration:underline}.request-banner{max-width:var(--container-max-width);border:1px solid var(--border-gray);border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);margin:0 auto 2rem}.request-banner-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.request-banner-icon{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.request-banner-text{text-align:left}.request-banner-text h3{color:var(--text-primary);margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.request-banner-text p{color:var(--text-tertiary);margin:0;font-size:.9rem}.request-banner-btn{background:var(--primary-blue);color:#fff;border-radius:var(--radius-md);white-space:nowrap;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s}.request-banner-btn:hover{background:var(--primary-blue-light);transform:translate(4px)}.filters-container{background:var(--dark-card);border-radius:var(--radius-lg);border:1px solid var(--border-gray);top:var(--nav-height);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;position:sticky}.filter-group{flex-direction:column;gap:.5rem;min-width:180px;display:flex}.filter-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:500}.filter-select{background:var(--dark-base);border:1px solid var(--border-gray);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:.75rem 1rem;font-size:1rem}.filter-select:hover{border-color:var(--primary-blue)}.filter-select:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.filter-select:focus-visible{box-shadow:0 0 0 3px #3b82f640}.filters-clear:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #3b82f6a6}.novels-count{color:var(--text-tertiary);padding:.5rem 0;font-size:1rem}.novels-container{max-width:var(--container-max-width);grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:0 auto;display:grid}.novel-sentinel{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:900px){.filters-toolbar-label{flex-direction:column;align-items:flex-start;gap:.35rem}.novel-sentinel{grid-template-columns:1fr}}.novels-pagination{max-width:var(--container-max-width);flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin:2rem auto 0;display:flex}.pagination-btn{color:var(--text-primary);cursor:pointer;background:#3b82f626;border:1px solid #3b82f659;border-radius:999px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#3b82f64d;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-tertiary);font-size:.9rem}.novels-loading{max-width:var(--container-max-width);text-align:center;color:var(--text-tertiary);margin:4rem auto;font-size:1.125rem}.novels-empty{text-align:center;background:var(--dark-card);border-radius:var(--radius-lg);border:1px solid var(--border-gray);max-width:500px;margin:4rem auto;padding:3rem 2rem;animation:.5s fadeIn}.novels-empty .empty-icon{opacity:.8;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1rem;display:inline-flex}.novels-empty .empty-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.novels-empty .empty-text{color:var(--text-tertiary);margin-bottom:1.5rem;font-size:1rem}.novels-empty .empty-btn{background:var(--primary-blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.novels-empty .empty-btn:hover{background:var(--primary-blue-dark);transform:translateY(-2px)}@media (max-width:768px){.novels-hero{padding:32px 16px 28px}.novels-page-body{padding:20px 16px 3rem}}@media (max-width:1024px){.novels-page{padding:1rem}.novels-title{font-size:2rem}.request-banner-content{text-align:center;flex-direction:column;gap:1rem;padding:1.25rem 1rem}.request-banner-text{text-align:center}.request-banner-icon{font-size:2rem}.request-banner-text h3{font-size:1rem}.request-banner-text p{font-size:.85rem}.filters-container{flex-direction:column}.filter-group{min-width:100%}.filters-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem}.novels-container{grid-template-columns:1fr}}