.novel-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:320px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d,0 1px 3px #0003}.novel-card:hover{border-color:#667eea4d;transform:translateY(-4px);box-shadow:0 20px 25px -5px #667eea33,0 10px 10px -5px #667eea1a,0 0 0 1px #667eea4d}.favorite-btn{z-index:10;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ae6;border:2px solid #9ca3af4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:.5rem;left:.5rem}.favorite-btn svg{color:#9ca3af;transition:all .3s}.favorite-btn:hover{border-color:var(--accent-orange);background:#f9731633;transform:scale(1.1)}.favorite-btn:hover svg{color:var(--accent-orange)}.favorite-btn.active{background:var(--accent-orange);border-color:var(--accent-orange)}.favorite-btn.active svg{color:#fff;animation:.3s heartBeat}.favorite-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.novel-cover{flex-shrink:0;width:180px;position:relative;overflow:hidden}.novel-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0a0a0a4d 100%);position:absolute;inset:0}.cover-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.novel-card:hover .cover-image{transform:scale(1.05)}.novel-content{background:linear-gradient(135deg,var(--dark-card-light)0%,var(--pure-black)100%);flex-direction:column;flex:1;padding:1rem;display:flex}.novel-meta{justify-content:flex-end;align-items:center;margin-bottom:.5rem;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:.25rem .75rem;font-size:.625rem;font-weight:700;transition:transform .2s;box-shadow:0 2px 4px #0003}.status-badge:hover{transform:scale(1.05)}.status-badge.ongoing{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.status-badge.completed{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.status-badge.hiatus{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.chapters-count{color:var(--text-tertiary);font-size:.65rem;font-weight:500}.novel-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.novel-title{color:var(--text-primary);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.125rem;font-weight:700;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.novel-card:hover .novel-title{color:#667eea}.novel-description{color:var(--text-tertiary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.novel-genres{gap:.5rem;display:flex}.genre-badge{color:#a78bfa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;padding:.25rem .65rem;font-size:.7rem;font-weight:600;transition:all .2s}.genre-badge:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-1px)}.novel-footer{background:linear-gradient(#0000 0%,#0a0a0a66 100%);border-top:1px solid #667eea1a;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding:.75rem 0 .25rem;display:flex}.novel-stats{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.stat-item{color:var(--text-gray);white-space:nowrap;font-size:.75rem}.rating-display{align-items:center;gap:.4rem;display:flex}.stars{gap:1px;display:flex}.star{font-size:.8rem;line-height:1}.star-full{color:var(--gold)}.star-half{color:var(--gold);opacity:.5}.star-empty{color:var(--border-gray-light)}.rating-text{color:var(--text-primary);font-size:.65rem;font-weight:600}.novel-stats{align-items:center;gap:.75rem;display:flex}.stat-item{color:var(--text-secondary);align-items:center;gap:.3rem;font-size:.75rem;font-weight:500;display:flex}.stat-icon{font-size:1rem;line-height:1}.stat-value{color:var(--text-primary);font-size:.8rem;font-weight:600}.rating-stat{color:var(--text-secondary);font-weight:500}.no-rating{color:var(--text-tertiary);font-size:.75rem;font-style:italic}@media (max-width:768px){.novel-card{flex-direction:row;height:160px}.novel-cover{flex-shrink:0;width:110px;height:160px}.cover-image{object-fit:cover;object-position:center}.novel-content{padding:.75rem;overflow:hidden}.novel-title{-webkit-line-clamp:2;font-size:.95rem}.novel-description{-webkit-line-clamp:2;font-size:.7rem}.novel-footer{flex-direction:row;align-items:center;margin-top:.5rem;padding-top:.5rem}.genre-badge{padding:.15rem .4rem;font-size:.6rem}.novel-genres{gap:.35rem}.favorite-btn{width:32px;height:32px}.favorite-btn svg{width:16px;height:16px}}