.fav-page{max-width:960px;margin:0 auto;padding:32px 20px}
.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:24px}
.fav-card{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--bg);transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block}
.fav-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.fav-img{height:120px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:var(--brand)}
.fav-body{padding:16px}
.fav-body h3{margin:0 0 4px;font-size:16px;font-weight:700}
.fav-body .meta{font-size:13px;color:var(--muted)}
.fav-empty{text-align:center;padding:60px 20px;color:var(--muted)}
.fav-empty svg{margin:0 auto 16px;opacity:.3}

@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite}
.skel-card{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.skel-img{height:120px;border-radius:0}
.skel-body{padding:16px;display:flex;flex-direction:column;gap:10px}
.skel-line{height:14px;border-radius:var(--r-sm);width:75%}
.skel-line.short{width:45%}