.favorite-toggle{display:inline-flex;position:relative}.favorite-toggle__heart{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast),transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:18px;display:inline-flex}.favorite-toggle__heart:hover{color:var(--color-bear);transform:scale(1.08)}.favorite-toggle__heart--active{color:var(--color-bear)}.favorite-toggle--sm .favorite-toggle__heart{padding:2px;font-size:14px}.favorite-toggle__popup{z-index:var(--z-overlay);gap:var(--spacing-2);width:240px;padding:var(--spacing-3);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:0}.favorite-toggle__popup-title{color:var(--color-text-secondary);font-size:12px;font-weight:600}.favorite-toggle__popup-input{resize:vertical;width:100%;padding:var(--spacing-2);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:13px;font-family:var(--font-body)}.favorite-toggle__popup-input:focus{border-color:var(--color-border-default);outline:none}.favorite-toggle__popup-actions{justify-content:flex-end;gap:var(--spacing-2);display:flex}.favorite-toggle__popup-skip{padding:4px var(--spacing-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;font-size:12px}.favorite-toggle__popup-skip:hover{color:var(--color-text-secondary)}.favorite-toggle__popup-confirm{padding:4px var(--spacing-3);border:1px solid var(--color-accent-gold-border);border-radius:var(--radius-sm);background:var(--color-accent-gold-subtle);color:var(--color-accent-gold);cursor:pointer;font-size:12px;font-weight:600}.favorite-toggle__popup-confirm:hover{background:var(--color-accent-gold-subtle-hover)}