.fav-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border-hover,rgba(28,25,23,.16));background:var(--bg-secondary,#fff);color:var(--text-secondary,#57534e);font-size:.9rem;font-weight:600;padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease}.fav-btn:hover:not(:disabled){border-color:var(--text-primary,#1c1917);color:var(--text-primary,#1c1917)}.fav-btn:active:not(:disabled){transform:scale(.96)}.fav-btn:disabled{opacity:.6;cursor:default}.fav-btn--on{border-color:var(--text-primary,#1c1917);background:var(--text-primary,#1c1917);color:var(--bg-secondary,#fff)}.fav-btn--on:hover:not(:disabled){background:#000;border-color:#000;color:#fff}.fav-btn-label{line-height:1}.fav-bookmark{flex-shrink:0;transition:transform .18s ease}.fav-btn--on .fav-bookmark{transform:translateY(-1px)}.fav-btn--compact{padding:0;width:38px;height:38px;justify-content:center;gap:0;color:var(--text-primary,#1c1917);background:rgba(255,255,255,.92);border-color:rgba(28,25,23,.12);box-shadow:0 2px 8px rgba(28,25,23,.14);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fav-btn--compact:hover:not(:disabled){background:#fff}.fav-btn--compact.fav-btn--on{background:var(--text-primary,#1c1917);color:#fff}.card-fav-wrap{position:relative}.card-fav-wrap .fav-btn--compact,.card-fav-wrap .fav-indicator{position:absolute;top:.85rem;right:.85rem;z-index:3}.card-fav-wrap .fav-indicator{display:inline-flex;color:var(--text-primary,#1c1917);line-height:1;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(255,255,255,.6))}