.home-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.home-loading .spinner{animation:spin .8s linear infinite;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top:3px solid var(--error);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.home-loading p{color:var(--text-secondary);font-size:.95rem}.popular-grid{display:flex;flex-direction:column;gap:6px}.popular-card{align-items:center;background:var(--card-bg,var(--bg-secondary));border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);display:flex;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s}.popular-card:hover{background:var(--hover-bg,hsla(0,0%,100%,.05));border-color:var(--accent-color);transform:translate(4px)}.popular-rank{color:var(--text-secondary);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:24px;text-align:center}.popular-img{border-radius:6px;flex-shrink:0;height:56px;overflow:hidden;width:42px}.popular-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.popular-info{flex:1;min-width:0}.popular-title{font-size:.85rem;font-weight:600}.popular-genres,.popular-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-genres{color:var(--text-secondary);font-size:.7rem;margin-top:2px}.popular-rating{flex-shrink:0;text-align:right}.popular-rating-value{color:var(--warning,#f59e0b);font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:700}.wp-home-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.wp-home-card{aspect-ratio:16/10;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;color:inherit;display:block;overflow:hidden;position:relative;text-decoration:none;transition:transform .2s,border-color .2s}.wp-home-card:hover{border-color:var(--accent);transform:translateY(-3px)}.wp-home-card img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .4s ease;width:100%}.wp-home-card img.is-loaded{opacity:1}.wp-home-card img.wp-img-fallback{background:linear-gradient(135deg,#1a1a2e,#16213e);-o-object-fit:contain;object-fit:contain;opacity:.7}.wp-home-overlay{background:linear-gradient(transparent,#000c);bottom:0;color:#fff;left:0;padding:20px 10px 8px;position:absolute;right:0}.wp-home-title{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-home-meta{font-size:.7rem;margin-top:2px;opacity:.8}@media(max-width:768px){.wp-home-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.wp-home-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.wp-home-title{font-size:.7rem}}