.skeleton-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ecc 0%,#0a0a0af2 100%);border:1px solid #667eea1a;border-radius:16px;height:280px;display:flex;position:relative;overflow:hidden}.skeleton-cover{background:linear-gradient(90deg,#3741514d 0%,#4b55634d 50%,#3741514d 100%) 0 0/200% 100%;flex-shrink:0;width:180px;animation:1.5s infinite shimmer}.skeleton-content{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex}.skeleton-badge{background:linear-gradient(90deg,#3741514d 0%,#4b55634d 50%,#3741514d 100%) 0 0/200% 100%;border-radius:10px;width:80px;height:20px;margin-left:auto;animation:1.5s infinite shimmer}.skeleton-title{background:linear-gradient(90deg,#3741514d 0%,#4b55634d 50%,#3741514d 100%) 0 0/200% 100%;border-radius:6px;width:85%;height:24px;animation:1.5s infinite shimmer}.skeleton-text{background:linear-gradient(90deg,#3741514d 0%,#4b55634d 50%,#3741514d 100%) 0 0/200% 100%;border-radius:4px;width:100%;height:14px;animation:1.5s infinite shimmer}.skeleton-text.short{width:60%}.skeleton-genres{gap:.5rem;margin-top:.5rem;display:flex}.skeleton-genre{background:linear-gradient(90deg,#3741514d 0%,#4b55634d 50%,#3741514d 100%) 0 0/200% 100%;border-radius:8px;width:70px;height:26px;animation:1.5s infinite shimmer}.skeleton-footer{border-top:1px solid #667eea1a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.skeleton-stars{background:linear-gradient(90deg,#3741514d 0%,#4b55634d 50%,#3741514d 100%) 0 0/200% 100%;border-radius:4px;width:120px;height:20px;animation:1.5s infinite shimmer}.skeleton-stats{background:linear-gradient(90deg,#3741514d 0%,#4b55634d 50%,#3741514d 100%) 0 0/200% 100%;border-radius:4px;width:100px;height:20px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
.novels-page{background-color:var(--pure-black);min-height:100vh;padding:2rem}.novels-header{max-width:var(--container-max-width);margin:0 auto 2rem}.novels-title{color:var(--text-primary);margin-bottom:2rem;font-size:2.5rem;font-weight:700}.filters-container{background:var(--dark-card);border-radius:var(--radius-lg);border:1px solid var(--border-gray);flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.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}.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}.novels-load-more{max-width:var(--container-max-width);justify-content:center;margin:2rem auto 0;display:flex}.novels-load-more-btn{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.85rem 2.5rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 6px 16px #667eea4d}.novels-load-more-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #667eea66}.novels-loading{max-width:var(--container-max-width);text-align:center;color:var(--text-tertiary);margin:4rem auto;font-size:1.125rem}.novels-empty{max-width:var(--container-max-width);text-align:center;background:var(--dark-card);border-radius:var(--radius-lg);border:1px solid var(--border-gray);margin:4rem auto;padding:3rem}.novels-empty p{color:var(--text-tertiary);font-size:1.125rem}@media (max-width:1024px){.novels-page{padding:1rem}.novels-title{font-size:2rem}.filters-container{flex-direction:column}.filter-group{min-width:100%}.novels-container{grid-template-columns:1fr}}